3

pages.json

@@ -4,7 +4,7 @@
       "path": "pages/student/index/index",
       "style": {
         "navigationBarTitleText": "首页",
-        "navigationStyle": "default",
+        "navigationStyle": "custom",
         "navigationBarBackgroundColor": "#29d3b4",
         "navigationBarTextStyle": "white"
       }
@@ -12,10 +12,8 @@
     {
       "path": "pages/student/timetable/index",
       "style": {
-		  
-		  
         "navigationBarTitleText": "课表",
-        "navigationStyle": "default",
+        "navigationStyle": "custom",
         "navigationBarBackgroundColor": "#292929",
         "navigationBarTextStyle": "white"
       }
@@ -24,7 +22,7 @@
       "path": "pages/student/my/my",
       "style": {
         "navigationBarTitleText": "我的",
-        "navigationStyle": "default",
+        "navigationStyle": "custom",
         "navigationBarBackgroundColor": "#29d3b4",
         "navigationBarTextStyle": "white"
       }

pages/student/index/index.vue

@@ -1,5 +1,8 @@
 <template>
 	<view class="content">
+		<view class="navbar_section">
+		  <view class="title">首页</view>
+		</view>
 		<view class="head">
 			<view class="head-img">
 				<fui-avatar width="136"
@@ -157,6 +160,20 @@
 </script>
 
 <style lang="less" scoped>
+	
+	//自定义导航栏
+	.navbar_section{
+	  display: flex;
+	  justify-content: center;
+	  align-items: center;
+	  background: #29d3b4;
+	  .title{
+	    padding: 110rpx 0 20rpx;
+	    font-size: 30rpx;
+	    color: #fff;
+	  }
+	}
+	
 	page {
 		font-weight: normal;
 	}

pages/student/my/my.vue

@@ -1,6 +1,9 @@
 <!--我的-首页-->
 <template>
 	<view class="main_box">
+		<view class="navbar_section">
+		  <view class="title">我的</view>
+		</view>
 		<view style="background:#29D3B4;">
 			<!--用户信息-->
 			<view class="user_section">
@@ -143,7 +146,7 @@
 		background: #29D3B4;
 
 		.title {
-			padding: 20rpx 0;
+			padding: 110rpx 0 20rpx;
 			font-size: 30rpx;
 			color: #fff;
 		}

pages/student/timetable/index.vue

@@ -258,7 +258,7 @@ export default {
   align-items: center;
   background: #292929;
   .title{
-    padding: 20rpx 0;
+    padding: 110rpx 0 20rpx;
     font-size: 30rpx;
     color: #fff;
   }