绿满眶商城微信小程序-uniapp
xiangpei
2025-06-16 948da1610a8b2a41b98ebfcd8643029c3bd7f469
pages/goods-manager/goodsList/goodsList.vue
@@ -9,12 +9,12 @@
               <!-- 通过header插槽定义列表左侧图片 -->
               <view class="uni-thumb shop-picture" :class="{ 'shop-picture-column': formData.waterfall }">
                  <image :src="item.goods_thumb" mode="aspectFill"></image>
                  <image :src="item.thumbnail" mode="aspectFill"></image>
               </view>
               <view class="shop">
                  <view>
                     <view class="uni-title">
                        <text class="uni-ellipsis-2">{{ item.name }}</text>
                        <text class="uni-ellipsis-2">{{ item.goodsName }}</text>
                     </view>
                     <!-- <view>
                           <text class="uni-tag hot-tag">{{ item.goods_tip }}</text>
@@ -24,12 +24,12 @@
                  <view>
                     <view class="shop-price">
                        <text>¥</text>
                        <text class="shop-price-text">{{ item.goods_price }}</text>
                        <text class="shop-price-text">{{ item.price }}</text>
                        <text>.00</text>
                     </view>
                     <view class="uni-flex-row">
                        <view class="uni-note">{{ item.comment_count || 0 }}条评论 月销量 {{
                           item.month_sell_count || 0 }}
                        <view class="uni-note">{{ item.commentNum || 0 }}条评论 月销量 {{
                           item.buyCount || 0 }}
                        </view>
                        <view class="uni-note ellipsis">
                           <text class="uni-link">上架</text>
@@ -256,6 +256,7 @@
      // 小程序 编译后会多一层标签,而其他平台没有,所以需要特殊处理一下
      /deep/ .uni-list {
         /* #endif */
         height: calc(100vh - 100px - 80px - 60px);
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
@@ -267,7 +268,7 @@
         /deep/
         /* #endif */
         .uni-list-item--waterfall {
            // width: 50%;
            width: 98%;
            display: flex;
            box-sizing: border-box;
            margin-bottom: 10px;