From 127f565490d4d4fc268ddbb0776c00643ff44504 Mon Sep 17 00:00:00 2001 From: peng <peng.com> Date: 星期五, 27 六月 2025 15:54:00 +0800 Subject: [PATCH] update 修改左边导航栏样式 --- uni_modules/uni-drawer/components/uni-drawer/uni-drawer.vue | 9 ++++++++- 1 files changed, 8 insertions(+), 1 deletions(-) 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 4d0deef..61baab5 100644 --- a/uni_modules/uni-drawer/components/uni-drawer/uni-drawer.vue +++ b/uni_modules/uni-drawer/components/uni-drawer/uni-drawer.vue @@ -1,7 +1,7 @@ <template> <view v-if="visibleSync" :class="{ 'uni-drawer--visible': showDrawer }" class="uni-drawer" @touchmove.stop.prevent="clear"> <view class="uni-drawer__mask" :class="{ 'uni-drawer__mask--visible': showDrawer && mask }" @tap="close('mask')" /> - <view class="uni-drawer__content" :class="{'uni-drawer--right': rightMode,'uni-drawer--left': !rightMode, 'uni-drawer__content--visible': showDrawer,'custom-style':cusStyle}" :style="{width:drawerWidth+'px',maxHeight:drawerHeight}"> + <view class="uni-drawer__content" :class="{'uni-drawer--right': rightMode,'uni-drawer--left': !rightMode, 'uni-drawer__content--visible': showDrawer,'custom-style':cusStyle}" :style="{width:drawerWidth+'px',maxHeight:drawerHeight,top:drawerTop+'px'}"> <slot /> </view> <!-- #ifdef H5 --> @@ -76,6 +76,10 @@ cusStyle: { type: Boolean, default: false + }, + drawerTop:{ + type: Number, + default: 0 } }, data() { @@ -86,12 +90,14 @@ watchTimer: null, drawerWidth: 220, drawerHeight: null, + drawerTop:0 } }, created() { // #ifndef APP-NVUE this.drawerWidth = this.width this.drawerHeight = this.height + this.drawerTop = this.drawerTop console.log("鎵ц浜�",this.drawerHeight,this.height) // #endif this.rightMode = this.mode === 'right' @@ -154,6 +160,7 @@ } .custom-style{ border-radius: 0 24rpx 24rpx 0; + background-color: #f4f4f4; } .uni-drawer--left { -- Gitblit v1.8.0