Quellcode durchsuchen

```
feat(home): 优化商品列表展示逻辑

- 添加商品图片的条件渲染,优先显示商品自身的图片,否则显示默认占位图
- 调整价格和市场价的布局方式,从水平排列改为两端对齐
- 微调价格字体大小从36rpx到34rpx,市场价字体大小从24rpx到22rpx
```

zouzexu vor 2 Tagen
Ursprung
Commit
e634318f2a
1 geänderte Dateien mit 4 neuen und 4 gelöschten Zeilen
  1. 4 4
      src/subPack-videoRights/commonTab/components/home.vue

+ 4 - 4
src/subPack-videoRights/commonTab/components/home.vue

@@ -60,23 +60,23 @@ function clearSearch() {
             <view>
               <image
                 class="h-342rpx w-342rpx rounded-16rpx"
-                :src="`${StaticUrl}/list-page-img.png`"
+                :src="item.productImg ? item.productImg : `${StaticUrl}/list-page-img.png`"
               />
             </view>
             <view class="mx20rpx my-24rpx">
               <view class="text-28rpx font-bold">
                 {{ item.productName }}
               </view>
-              <view class="mt-30rpx flex items-center gap-18rpx">
+              <view class="mt-30rpx flex items-center justify-between">
                 <view class="text-#FF4D3A">
                   <text class="text-22rpx font-500">
                   </text>
-                  <text class="text-36rpx font-800">
+                  <text class="text-34rpx font-800">
                     {{ item.price }}
                   </text>
                 </view>
-                <view class="text-24rpx text-#AAA decoration-line-through">
+                <view class="text-22rpx text-#AAA decoration-line-through">
                   市场价¥{{ item.faceValue }}
                 </view>
               </view>