update 修改左边导航栏样式

peng

2025-06-27 127f565490d4d4fc268ddbb0776c00643ff44504

 pages/commodity-square/commoditySquare.vue

@@ -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;
   }

@@ -403,12 +407,16 @@
      width: 100%;
      display: flex;
      flex-direction: column;
      height: 200rpx;
   }
   .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;