营销：适配商城装修组件【热区】

sheep/components/s-block-item/s-block-item.vue

@@ -28,7 +28,7 @@
     <!-- 基础组件：分割线 -->
     <s-line-block v-if="type === 'Divider'" :data="data" />
     <!-- 图文组件：热区 -->
-    <s-hotzone-block v-if="type === 'hotzone'" :data="data" :styles="styles" />
+    <s-hotzone-block v-if="type === 'HotZone'" :data="data" :styles="styles" />
 
     <!-- 商品组件：商品卡片 -->
     <s-goods-card v-if="type === 'ProductCard'" :data="data" :styles="styles" />

sheep/components/s-float-menu/s-float-menu.vue

@@ -25,19 +25,7 @@
   const props = defineProps({
     data: {
       type: Object,
-      default() {
+      default() {},
-        return {
-          // horizontal vertical
-          direction: 'vertical',
-          showText: true,
-          list: [{
-            imgUrl: 'http://localhost/logo.gif',
-            url: '',
-            text: '客服',
-            textColor: '',
-          }],
-        }
-      },
     }
   })
 

sheep/components/s-hotzone-block/s-hotzone-block.vue

@@ -1,16 +1,16 @@
 <template>
   <view class="hotzone-wrap">
-    <image :src="sheep.$url.cdn(data.src)" style="width: 100%" mode="widthFix"></image>
+    <image :src="sheep.$url.cdn(data.imgUrl)" style="width: 100%" mode="widthFix"></image>
     <view
       class="hotzone-box"
-      v-for="item in data.list"
+      v-for="(item, index) in data.list"
-      :key="item.width"
+      :key="index"
       :style="[
         {
-          top: item.top + 'rpx',
+          top: `${item.top}px`,
-          left: item.left + 'rpx',
+          left: `${item.left}px`,
-          width: item.width + 'rpx',
+          width: `${item.width}px`,
-          height: item.height + 'rpx',
+          height: `${item.height}px`,
         },
       ]"
       @tap.stop="sheep.$router.go(item.url)"