Bladeren bron

fix(commonTab): 修复商品列表布局样式问题

- 在 manifest.json 文件末尾添加缺失的换行符
- 为商品价格区域添加固定宽度和 flex-shrink-0 防止压缩
- 调整商品名称区域宽度从 300rpx 到 200rpx 并添加 flex-shrink-0
- 为已售数量区域添加 flex-shrink-0 防止布局挤压
zhangtao 16 uur geleden
bovenliggende
commit
aba5980dec
1 gewijzigde bestanden met toevoegingen van 3 en 3 verwijderingen
  1. 3 3
      src/subPack-djk/commonTab/components/index.vue

+ 3 - 3
src/subPack-djk/commonTab/components/index.vue

@@ -50,15 +50,15 @@ function handleBottom() {
           </view>
           <view class="ml164rpx">
             <view v-for="its in item.goodsList" :key="its.id" class="mt14rpx flex items-center justify-between" @click="router.push({ name: 'djk-goods', params: { id: `${its.id}`, type: '0' } })">
-              <view class="text-28rpx text-#FF4D3A font-semibold">
+              <view class="w-180rpx flex-shrink-0 text-28rpx text-#FF4D3A font-semibold">
                 <text class="text-20rpx">
                 </text> {{ its.price }}
               </view>
-              <view class="w-300rpx truncate text-24rpx">
+              <view class="w-200rpx flex-shrink-0 truncate text-24rpx">
                 {{ its.goodsName }}
               </view>
-              <view class="text-24rpx text-gray">
+              <view class="flex-shrink-0 text-24rpx text-gray">
                 已售 {{ its.sales }}
               </view>
             </view>