From 127f565490d4d4fc268ddbb0776c00643ff44504 Mon Sep 17 00:00:00 2001
From: peng <peng.com>
Date: 星期五, 27 六月 2025 15:54:00 +0800
Subject: [PATCH] update 修改左边导航栏样式
---
pages/kitchen/KitchenVideo.vue | 18 +++++++++---------
uni_modules/uni-drawer/components/uni-drawer/uni-drawer.vue | 1 +
pages/commodity-square/commoditySquare.vue | 28 ++++++++++++++++++----------
3 files changed, 28 insertions(+), 19 deletions(-)
diff --git a/pages/commodity-square/commoditySquare.vue b/pages/commodity-square/commoditySquare.vue
index 74976ce..2512eaa 100644
--- a/pages/commodity-square/commoditySquare.vue
+++ b/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;
diff --git a/pages/kitchen/KitchenVideo.vue b/pages/kitchen/KitchenVideo.vue
index fe07b72..0e4729a 100644
--- a/pages/kitchen/KitchenVideo.vue
+++ b/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 {
diff --git a/uni_modules/uni-drawer/components/uni-drawer/uni-drawer.vue b/uni_modules/uni-drawer/components/uni-drawer/uni-drawer.vue
index 2acb24f..61baab5 100644
--- a/uni_modules/uni-drawer/components/uni-drawer/uni-drawer.vue
+++ b/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 {
--
Gitblit v1.8.0