feat:【商城】店铺装修-顶部导航,增加背景图片 750px 提示

This commit is contained in:
YunaiV 2025-04-30 23:27:46 +08:00
parent ef90faf77b
commit 415baa0763
3 changed files with 12 additions and 7 deletions

View File

@ -29,7 +29,10 @@
<ColorInput v-model="formData.bgColor" />
</el-form-item>
<el-form-item label="背景图片" prop="bgImg" v-else>
<UploadImg v-model="formData.bgImg" :limit="1" width="56px" height="56px" />
<div class="flex items-center">
<UploadImg v-model="formData.bgImg" :limit="1" width="56px" height="56px" />
<span class="text-xs text-gray-400 ml-2 mb-2">建议宽度750</span>
</div>
</el-form-item>
<el-card class="property-group" shadow="never">
<template #header>
@ -39,8 +42,9 @@
<el-checkbox
v-model="formData._local.previewMp"
@change="formData._local.previewOther = !formData._local.previewMp"
>预览</el-checkbox
>
预览
</el-checkbox>
</el-form-item>
</div>
</template>
@ -54,8 +58,9 @@
<el-checkbox
v-model="formData._local.previewOther"
@change="formData._local.previewMp = !formData._local.previewOther"
>预览</el-checkbox
>
预览
</el-checkbox>
</el-form-item>
</div>
</template>

View File

@ -35,13 +35,13 @@
>
<!-- 右上角热区删除按钮 -->
<div
v-if="selectedHotAreaIndex === index"
v-if="selectedHotAreaIndex === index && hotArea.width && hotArea.height"
class="btn-delete"
@click="handleDeleteHotArea(index)"
>
<Icon icon="ep:circle-close-filled" />
</div>
{{ `${hotArea.width}×${hotArea.height}` }}
<span v-if="hotArea.width">{{ `${hotArea.width}×${hotArea.height}` }}</span>
</div>
</table>
</div>

View File

@ -478,7 +478,7 @@ const remainingRouter: AppRouteRecordRaw[] = [
title: '模板装修',
noCache: true,
hidden: true,
activeMenu: '/mall/promotion/diy/template'
activeMenu: '/mall/promotion/diy-template/diy-template'
},
component: () => import('@/views/mall/promotion/diy/template/decorate.vue')
},
@ -489,7 +489,7 @@ const remainingRouter: AppRouteRecordRaw[] = [
title: '页面装修',
noCache: true,
hidden: true,
activeMenu: '/mall/promotion/diy/page'
activeMenu: '/mall/promotion/diy-template/diy-page'
},
component: () => import('@/views/mall/promotion/diy/page/decorate.vue')
}