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 | 27 +++++++++++++++------------
1 files changed, 15 insertions(+), 12 deletions(-)
diff --git a/pages/kitchen/KitchenVideo.vue b/pages/kitchen/KitchenVideo.vue
index 327a597..0e4729a 100644
--- a/pages/kitchen/KitchenVideo.vue
+++ b/pages/kitchen/KitchenVideo.vue
@@ -2,7 +2,7 @@
<view class="video-container">
<!-- 瑙嗛鍔犺浇 -->
<zero-loading v-show="videoLoading" type="circle" color="#0ebd57" text=""></zero-loading>
- <view class="showLeft" @click="showDrawer('showLeft')" v-if="!showLeft">
+ <view class="showLeft" @click="showDrawer('showLeft')" v-if="!showLeft" :style="{top: buttonHeight+'px'}">
<uni-icons type="right" size="30"></uni-icons>
</view>
<!-- 瑙嗛鍒楄〃 -->
@@ -238,7 +238,7 @@
</view>
</uni-popup>
<uni-drawer ref="showLeft" mode="left" width="120" :cus-style="true" height="80vh"
- @change="change($event,'showLeft')" class="navigationLeft">
+ @change="change($event,'showLeft')" class="navigationLeft" :drawerTop="buttonHeight">
<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">
@@ -274,6 +274,7 @@
},
data() {
return {
+ buttonHeight:0,
showLeft:false,
currentCategort: '',
categoryList: [],
@@ -364,6 +365,9 @@
this.startHidenTime = Date.now()
},
onLoad() {
+ // 鑾峰彇鐘舵�佹爮楂樺害
+ const systemInfo = uni.getSystemInfoSync();
+ this.buttonHeight = systemInfo.statusBarHeight;
this.getKitchenTypeList();
this.loadVideos();
},
@@ -939,7 +943,6 @@
.showLeft {
display: flex;
- top: 50rpx;
left: 0;
align-items: center;
justify-content: flex-start;
@@ -1407,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 {
--
Gitblit v1.8.0