绿满眶商城微信小程序-uniapp
xiangpei
2025-06-29 ca1ce1acc217be0b510e7ee44fcdd3ee85558fde
pages/commodity-square/commoditySquare.vue
@@ -21,7 +21,7 @@
                  <view class="goodsName">{{item.goodsName}}</view>
                  <view class="priceInfo">
                     <view class="goodsPrice">¥{{item.price}}</view>
                     <view class="">已售1: {{item.buyCount}}</view>
                     <view class="">已售: {{item.buyCount}}</view>
                  </view>
               </view>
            </view>
@@ -40,7 +40,7 @@
                  <view class="goodsName">{{item.goodsName}}</view>
                  <view class="priceInfo">
                     <view class="goodsPrice">¥{{item.price}}</view>
                     <view class="">已售2: {{item.buyCount}}</view>
                     <view class="">已售: {{item.buyCount}}</view>
                  </view>
               </view>
            </view>
@@ -54,8 +54,8 @@
         没有更多数据了.................</view>
      </scroll-view>
         <uni-drawer ref="showLeft" mode="left" width="120" height="80vh" :drawerTop="buttonHeight" @change="change($event,'showLeft')"
            :cus-style="true" class="navigationLeft">
            <scroll-view class="typeNavigation" :scroll-y="true" show-scrollbar="false">
            :cus-style="true" class="navigationLeft" :mask="false">
            <scroll-view class="typeNavigation" :scroll-y="true" :show-scrollbar="false" >
               <view class="typeNavigationItem" :class="{typeNavigationItemCheck:currentCategort ==item.id}"
                  @click="chooseCategory(item.id)" v-for="item in categoryList" :key="item.id">
                  {{item.name}}
@@ -285,6 +285,11 @@
      height: 1224rpx;
      -webkit-overflow-scrolling: touch;
   }
   .scrollContainer::-webkit-scrollbar {
     display: none; /* Chrome/Safari等 */
     width: 0 !important; /* 兼容iOS */
     height: 0 !important;
   }
   .left {
      box-sizing: border-box;
   }
@@ -373,13 +378,12 @@
      font-size: 28rpx;
      color: black;
      margin-top: 10rpx;
      border-radius: 12rpx;
      border: 1rpx solid gray;
   }
   .typeNavigationItemCheck {
      background-color: #42b993;
      color: #fff;
      color: #ef321e;
      font-size: 32rpx;
      font-weight: bold;
      border: 0;
   }
@@ -405,9 +409,14 @@
      flex-direction: column;
   }
   .goodsName{
      display: flex;
      align-items: center;
      justify-content: center;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      height: 32rpx;
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: center;
      vertical-align: middle;
   }
   .priceInfo{
      margin-top: 10rpx;