.

pages.json

@@ -14,7 +14,8 @@
 			"path": "pages/index",
 			"style": {
 				"navigationBarTitleText": "",
-				"navigationBarBackgroundColor": "#39ac4f"
+				"navigationStyle": "custom"
+				// "navigationBarBackgroundColor": "#39ac4f"
 			}
 		}, {
 			"path": "pages/index-list",

pages/index.vue

@@ -1,6 +1,10 @@
 <template>
-	<view class="content">
+	<!-- <u-navbar  :safeAreaInsetTop="false" bgColor="#39ac4f" :autoBack="false" :leftIconSize="0">
+	</u-navbar> -->
+	<uni-nav-bar backgroundColor="#39ac4f" :border="false"></uni-nav-bar>
+
 	<custom-select-land ref="refLand" :data="landList" @select=""></custom-select-land>
+	<view class="content">
 		<view class="header-section">
 			<view class="title">
 				<u-row>
@@ -198,7 +202,9 @@
 										</u-row>
 									</view>
 									<view class="control">
-										<view class="buttons"></view>
+										<view class="buttons">
+											<u-button size="small" plain="true" text="大小尺寸"></u-button>
+										</view>
 										<view class="valve">
 											<view class=""></view>
 											<view class="">
@@ -248,7 +254,7 @@
 			},
 			toList() {
 				uni.navigateTo({
-					url:`/pages/index-list`
+					url: `/pages/index-list`
 				})
 			},
 			toQRCode() {},
@@ -273,13 +279,13 @@
 	}
 
 	.header-section {
-		padding: 10px 10px 102px 10px;
+		padding: 0px 10px 102px 10px;
 		background-color: #39ac4f;
 		color: white;
 		border-radius: 0 0 30px 30px;
 
 		.title {
-			padding: 5px 0 15px 0;
+			padding: 0px 0 15px 0;
 
 			text {
 				font-size: 36rpx;

static/scss/app.css

@@ -82,11 +82,23 @@
 		.icon {
 			color: #39ac4f;
 		}
-		.u-row{margin-bottom: 0 !important;}
+
+		.u-row {
+			margin-bottom: 0 !important;
 		}
-	.control{
+	}
+
+	.control {
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
+
+		.buttons {
+			height: 100%;
+			display: flex;
+			flex-direction: column;
+			justify-content: space-around;
+			align-items: center;
+		}
 	}
 }