update 修改左边导航栏样式

peng

2025-06-27 127f565490d4d4fc268ddbb0776c00643ff44504

update 修改左边导航栏样式

 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;

 pages/kitchen/KitchenVideo.vue

@@ -1410,18 +1410,18 @@
}

.typeNavigationItem {
  padding: 24rpx;
  font-size: 28rpx;
  color: black;
  margin-top: 10rpx;
  border-radius: 12rpx;
  border: 1rpx solid gray;
    padding: 24rpx;
    font-size: 28rpx;
    color: black;
    margin-top: 10rpx;
}


.typeNavigationItemCheck {
  background-color: #42b993;
  color: #fff;
  border: 0;
    color: #ef321e;
    font-size: 32rpx;
    font-weight: bold;
    border: 0;
}

.container ::v-deep .navigationLeft .uni-drawer__content {

 uni_modules/uni-drawer/components/uni-drawer/uni-drawer.vue

@@ -160,6 +160,7 @@
    }
    .custom-style{
        border-radius: 0 24rpx 24rpx 0;
        background-color: #f4f4f4;
    }

    .uni-drawer--left {