Refactor(首页):优化页面加载，图片使用懒加载

components/xdd-product-item/index.vue

@@ -5,13 +5,15 @@
         v-if="!item.isFarmerShop"
         :src="item[imageKey]"
         class="img"
+        lazy-load
       />
       <image 
         :src="item.farmerShopCover" 
         v-if="item.farmerShopCoverType === 1 && item.isFarmerShop" 
         class="img" 
-        mode="heightFix|widthFix">
+        mode="heightFix|widthFix"
-      </image>
+        lazy-load
+      />
       <image
         :src="item.farmerShopCover + '?vframe/jpg/offset/1'" 
         mode="heightFix|widthFix"
@@ -20,30 +22,35 @@
         :show-fullscreen-btn="false" 
         :show-play-btn="false" 
         class="img"  
-        :poster="item.farmerShopCover + '?vframe/jpg/offset/1'">
+        :poster="item.farmerShopCover + '?vframe/jpg/offset/1'"
-      </image>
+        lazy-load
+      />
       
       <image
         v-if="item.isOldBrand"
         :src="webUrl + '/home/old-mark.png'"
         class="mark-img"
+        lazy-load
       />
       <image
         v-if="item.isGiftCard"
         style="left: 0;width: 120rpx;"
         :src="webUrl + '/home/gift-tag.png'"
         class="mark-img"
+        lazy-load
       />
       <image
         v-if="item.isLandmarkGoods"
         :src="webUrl + '/home/mark-land.png'"
         class="mark-img"
         style="right: 20rpx"
+        lazy-load
       />
       <image
         v-if="item.isCountyFamous"
         :src="webUrl + '/home/qixian-mark.png'"
         class="mark-img"
+        lazy-load
       />
       <image
         v-if="item.isIch"
@@ -55,6 +62,7 @@
         v-if="item.isFarmerShop"
         :src="webUrl + '/orderIcon/nm.png'"
         class="mark-img-nm"
+        lazy-load
       />
     </view>
     <view v-if="item.isFarmerShop" class="more-t v12-pt-2 v12-font-bold  v12-font-28 v12-px-2" >{{ item.farmerShopContent }}</view>
@@ -83,12 +91,14 @@
             <text class="v12-font-20">
              ￥ 
             </text>
-            {{ item[priceKey] }}</text>
+            {{ item[priceKey] }}
+          </text>
         </view>
         <view v-if="item.isNegotiable === 0" class="btn" @click.stop="$emit('add', item)">
           <image
             :src="webUrl + '/home/icon-cart.png'"
             class="img"
+            lazy-load
           />
         </view>
       </view>
@@ -97,7 +107,7 @@
       v-if="item.isFarmerShop" 
       class="v12-justify-start v12-align-center v12-pt-2 v12-px-2 v12-pb-2">
       <view class="btn v12-mr-2">
-        <image :src="item.farmerShopLogo" class="nm-img-logo v12-radius-100"></image>
+        <image :src="item.farmerShopLogo" class="nm-img-logo v12-radius-100" lazy-load />
       </view>
       <view class="one-t v12-font-24 v12-dark1-text" style="width:230rpx">{{ item.farmerShopName }}/{{ item.farmerShopCityName || '-' }}</view>
     </view>