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

src/components/DiyEditor/components/mobile/NavigationBar/property.vue

@@ -29,7 +29,10 @@
       <ColorInput v-model="formData.bgColor" />
       <ColorInput v-model="formData.bgColor" />
     </el-form-item>
     </el-form-item>
     <el-form-item label="背景图片" prop="bgImg" v-else>
     <el-form-item label="背景图片" prop="bgImg" v-else>
+      <div class="flex items-center">
         <UploadImg v-model="formData.bgImg" :limit="1" width="56px" height="56px" />
         <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-form-item>
     <el-card class="property-group" shadow="never">
     <el-card class="property-group" shadow="never">
       <template #header>
       <template #header>
@@ -39,8 +42,9 @@
             <el-checkbox
             <el-checkbox
               v-model="formData._local.previewMp"
               v-model="formData._local.previewMp"
               @change="formData._local.previewOther = !formData._local.previewMp"
               @change="formData._local.previewOther = !formData._local.previewMp"
-              >预览</el-checkbox
             >
             >
+              预览
+            </el-checkbox>
           </el-form-item>
           </el-form-item>
         </div>
         </div>
       </template>
       </template>
@@ -54,8 +58,9 @@
             <el-checkbox
             <el-checkbox
               v-model="formData._local.previewOther"
               v-model="formData._local.previewOther"
               @change="formData._local.previewMp = !formData._local.previewOther"
               @change="formData._local.previewMp = !formData._local.previewOther"
-              >预览</el-checkbox
             >
             >
+              预览
+            </el-checkbox>
           </el-form-item>
           </el-form-item>
         </div>
         </div>
       </template>
       </template>

src/components/MagicCubeEditor/index.vue

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

src/router/modules/remaining.ts

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