绿满眶商城微信小程序-uniapp
peng
2025-07-02 0a729cc88a43f97e9f408bd276130a3caff0b1ff
pages/commodity-square/commoditySquare.vue
@@ -21,20 +21,22 @@
               <view class="goodsItem" v-for="item in goodsList" :key="item.id"
                  @click.prevent="goToGoodsInfo(item.id)"
                  style="display: flex;align-items: flex-start;justify-content: flex-start;margin: 10rpx 0;">
                  <view class="pic">
                  style="display: flex;align-items: flex-start;justify-content: flex-start;margin: 10rpx 0;
                  box-sizing: border-box; ">
                  <view class="pic" style="position: relative;">
                     <image :src="item.thumbnail" mode="aspectFill"
                        style="height: 150rpx;width: 150rpx;border-radius: 24rpx;">
                     </image>
                     <text style="background-color: #f92e20;color: #fff;
                        font-weight: bold;border-radius: 12rpx;padding: 5rpx;
                        margin-right: 15rpx;position: absolute;top: 0;left: 0;" v-if="item.salesModel==='PRESALE'">预售</text>
                  </view>
                  <view class="goodsContent" style="display: flex;align-items: flex-start;justify-content: space-between;
                     margin-left: 10rpx;flex-direction: column;width: 100%;">
                     <view class="goodsName">
                        <text style="background-color: #f92e20;color: #fff;
                           font-weight: bold;border-radius: 12rpx;padding: 5rpx;
                           margin-right: 15rpx;">预售</text>
                        <text>{{item.goodsName}}</text>
                     </view>
                     <view
                        style="display: flex; justify-content: space-between;align-items:center; 100%;margin-top: 32rpx;width: 100%;">
                        <view class="goodsPrice">¥{{item.price}}</view>
@@ -43,7 +45,7 @@
                              @click.stop="miousCardNum($event,item.id)">
                              <uni-icons type="minus" size="30" color="#96a6bc"></uni-icons>
                           </view>
                           <input v-show="item.cardNum&&item.cardNum>0" :maxlength="2" type="number"
                           <input v-show="item.cardNum&&item.cardNum>0" @click.stop="" :maxlength="2" type="number"
                              confirm-type="numeric" style="width: 50rpx;text-align: center;"
                              v-model="item.cardNum" :disabled="true" />
                           <view style="padding: 20rpx 20rpx 20rpx 0;"
@@ -106,7 +108,8 @@
               pageSize: 12,
               pageNumber: 1,
               categoryId: null,
               canFilter: true
               canFilter: true,
               needFilterPre:true
            },
         }
      },
@@ -283,6 +286,7 @@
               }
            })
            this.goodsList = goodsList.data.result.records;
            console.log('this.goodsList----------------------->',JSON.stringify(this.goodsList))
         },
         async chooseCategory(id) {