perf(image): 优化图片加载性能

- 为所有商品图片添加 loading="lazy" 属性实现懒加载
- 为所有图片元素添加 decoding="async" 属性实现异步解码
- 优化购物车页面的商品缩略图加载方式
- 改进订单中心各页面的图片加载策略
- 提升评价系统中图片的加载性能
- 优化会员中心收藏和足迹功能的图片加载
- 改善促销活动页面的图片加载体验
- 更新首页装饰组件中的图片加载属性
- 提高地址管理页面的界面展示效果

buyer/src/pages/home/orderCenter/Complain.vue

@@ -10,7 +10,7 @@
       </div>
     <div class="goods-eval">
       <div class="goods-con">
-        <img :src="orderGoods.image" class="hover-pointer" alt="" width="100" @click="goGoodsDetail(orderGoods.skuId, orderGoods.goodsId)">
+        <img :src="orderGoods.image" loading="lazy" decoding="async" class="hover-pointer" alt="" width="100" @click="goGoodsDetail(orderGoods.skuId, orderGoods.goodsId)">
         <p class="hover-pointer color999" @click="goGoodsDetail(orderGoods.skuId, orderGoods.goodsId)">{{orderGoods.goodsName}}</p>
         <p>{{ $filters.unitPrice(orderGoods.goodsPrice, '￥') }}</p>
       </div>
@@ -28,7 +28,7 @@
         <div class="upload-section">
           <div class="upload-row">
             <div class="demo-upload-list" v-for="(img, index) in orderGoods.uploadList" :key="index">
-              <img :src="img">
+              <img :src="img" loading="lazy" decoding="async">
               <div class="demo-upload-list-cover">
                   <el-icon @click="handleView(img)"><View /></el-icon>
                   <el-icon @click="handleRemove(index)"><Delete /></el-icon>
@@ -56,7 +56,7 @@
       </div>
     </div>
     <el-dialog title="图片预览" v-model="visible">
-        <img :src="previewImage" v-if="visible" style="width: 100%">
+        <img :src="previewImage" loading="lazy" decoding="async" v-if="visible" style="width: 100%">
     </el-dialog>
     </UserCenterLayout>
   </div>