2024.7.16

components/navseat.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="content">
+	<view class="navbarcontent">
 		<!-- 导航栏 -->
 		<view class="navbar" :class="{active:opacity}">
 			<!-- #ifndef APP-PLUS || MP-WEIXIN -->
@@ -17,21 +17,23 @@
 						<!-- 标题搜索框 -->
 						<view class="flex-between" @click="clicknavigateBack">
 							<view class="navbar_tow_one flex-start" v-if="iconshow">
-								<u-icon name="arrow-left" color="#000" size="40"></u-icon>
+								<u-icon name="arrow-left" :color="iconcolor" size="40"></u-icon>
 							</view>
 							<!-- #ifndef MP-WEIXIN -->
-							<view class="navbar_tow_tow" v-if="opacity || titleshow">
+							<view class="navbar_tow_tow" v-if="opacity || titleshow" :style="{color: namecolor}">
 							<!-- #endif -->
 								<!-- #ifdef MP-WEIXIN -->
 								<view class="navbar_tow_tow" v-if="opacity || titleshow"
-									:style="{'padding-left':HeighT.custwidth-14 + 'px'}">
+									:style="{'padding-left':HeighT.custwidth-14 + 'px',color: namecolor}">
 								<!-- #endif -->
 									{{title}}
 								</view>
 							</view>
 						</view>
 					</view>
+					<view class="" v-if="heightshow" :style="{height:Topdistance +'px'}">
 
+					</view>
 				</view>
 
 </template>
@@ -48,17 +50,29 @@
 				type: String,
 				default: ''
 			},
+			namecolor: {
+				type: String,
+				default: '#333333'
+			},
 			opacity: {
 				type: Boolean,
 				default: false
 			},
-			titleshow: {
+			titleshow: {//标题是否显示
 				type: Boolean,
 				default: false
 			},
-			iconshow: {
+			heightshow: {//是否要占位高度
+				type: Boolean,
+				default: false
+			},
+			iconshow: {//返回键是否显示
 				type: Boolean,
 				default: true
+			},
+			iconcolor:{//返回键颜色
+				type: String,
+				default: '#000'
 			}
 		},
 		computed: {
@@ -93,10 +107,11 @@
 		background: #F9F9F9;
 	}
 
-	.content {
+	.navbarcontent {
 		position: -webkit-sticky;
 		position: sticky;
 		top: 0;
+		left: 0;
 		z-index: 9999;
 
 		.active {
@@ -168,7 +183,6 @@
 						font-family: Source Han Sans CN, Source Han Sans CN;
 						font-weight: 400;
 						font-size: 28rpx;
-						color: #333333;
 					}
 				}