v2体验版

pages/products/components/ProductGrid.vue

@@ -35,21 +35,13 @@
               class="product-image"
               :src="item.image"
               mode="aspectFill"
+              lazy-load
               v-if="item.image"
             ></image>
           </view>
           <!-- 商品信息 -->
           <view class="product-info">
             <text class="product-name">{{ item.name }}</text>
-            <!-- 标签 - 商品名下方、价格上方 (Figma 1523:344) -->
-            <view class="product-badges" v-if="item.tags && item.tags.length > 0">
-              <view
-                class="product-badge"
-                :style="{ background: tag.bg, color: tag.color }"
-                v-for="(tag, tIdx) in item.tags"
-                :key="tIdx"
-              >{{ tag.text }}</view>
-            </view>
             <!-- 价格 + "起"字 -->
             <view class="price-row">
               <text class="product-price">￥{{ item.price }}</text>
@@ -188,19 +180,6 @@ export default {
   width: 100%;
   height: 100%;
 }
-/* 标签 - 位于商品名下方、价格上方，横向排列 */
-.product-badges {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8rpx;
-  margin-top: 8rpx;
-}
-.product-badge {
-  padding: 4rpx 12rpx;
-  border-radius: 8rpx;
-  font-size: 18rpx;
-}
-
 /* 商品信息 - 内边距 10px */
 .product-info {
   padding: 20rpx;