修改顶部标题、新增自定义顶部导航栏

main.js

@@ -1,5 +1,11 @@
 import App from './App'
 
+Vue.prototype.back = function() {
+  uni.navigateBack({
+    delta: 1,
+  })
+}
+
 // #ifndef VUE3
 import Vue from 'vue'
 import './uni.promisify.adaptor'

pages.json

@@ -10,10 +10,7 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "电子发票",
+				"navigationStyle": "custom"
-				"navigationBarBackgroundColor": "#000",
-				"navigationBarTextStyle": "white"
-				// "navigationStyle": "custom"
 				// "onReachBottomDistance": 10//上拉刷新距离
 			}
 		},
@@ -21,20 +18,14 @@
 			"path" : "pages/Invoicing/Invoicing",
 			"style" : 
 			{
-				"navigationBarTitleText" : "开发票",
+				"navigationStyle": "custom"
-				"enablePullDownRefresh" : false,
-				"navigationBarBackgroundColor": "#000",
-				"navigationBarTextStyle": "white"
 			}
 		},
 		{
 			"path" : "pages/Invoiced/Invoiced",
 			"style" : 
 			{
-				"navigationBarTitleText" : "查看已开发票",
+				"navigationStyle": "custom"
-				"enablePullDownRefresh" : false,
-				"navigationBarBackgroundColor": "#000",
-				"navigationBarTextStyle": "white"
 			}
 		},
 		{
@@ -49,26 +40,23 @@
 			"path" : "pages/login/registerphone",
 			"style" : 
 			{
-				"navigationBarTitleText" : "",
+				"navigationStyle": "custom"
-				"enablePullDownRefresh" : false
 			}
 		},
 		{
 			"path" : "pages/Invoiced/fail",
 			"style" : 
 			{
-				"navigationBarTitleText" : "查看失败原因",
+				"navigationStyle": "custom"
-				"enablePullDownRefresh" : false,
-				"navigationBarBackgroundColor": "#000",
-				"navigationBarTextStyle": "white"
 			}
 		}
 	],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "uni-app",
+		"navigationBarTitleText": "深圳大工业区水务垃圾费电子票据",
 		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#F8F8F8"
+		"backgroundColor": "#F8F8F8",
+		"__useAppLevel__": true 
 	},
 	"uniIdRouter": {}
 }

pages/Invoiced/Invoiced.vue

@@ -1,4 +1,6 @@
 <template>
+	<view>
+		<uni-nav-bar shadow title="查看已开发票" left-icon="left" @clickLeft="back" backgroundColor="#000" color="#fff" />
 		<view style="padding: 30rpx 0px 0rpx 0px;">
 			<view v-if="bool == true">
 				<view class="invoiced_box">
@@ -15,6 +17,7 @@
 				<view class="text-center title1" style="color: #878787;">发票已开具，请扫描二维码获取发票!</view>
 			</view>
 		</view>
+	</view>
 </template>
 
 <script>

pages/Invoiced/fail.vue

@@ -1,5 +1,6 @@
 <template>
 	<view>
+		<uni-nav-bar shadow title="查看失败原因" left-icon="left" @clickLeft="back" backgroundColor="#000" color="#fff" />
 		<view class="center">{{content}}</view>
 	</view>
 </template>

pages/Invoicing/Invoicing.vue

@@ -1,4 +1,6 @@
 <template>
+	<view>
+		<uni-nav-bar shadow title="开发票" left-icon="left" @clickLeft="back" backgroundColor="#000" color="#fff" />
 		<view style="padding: 30rpx 0px 0rpx 0px;">
 			<view class="steps_box">
 				<block class="block-step" v-for="(item, index) in stepsDatas" :key="index">
@@ -176,7 +178,7 @@
 				</view>
 			</uni-popup>
 		</view>
-
+	</view>
 </template>
 
 <script>

pages/index/index.vue

@@ -1,5 +1,6 @@
 <template>
 	<view class="index">
+		<uni-nav-bar shadow title="电子发票" backgroundColor="#000" color="#fff" />
 		<view>
 			<view class="index_title">
 				<view class="d-flex" style="justify-content: space-between;">

pages/login/registerphone.vue

@@ -1,4 +1,6 @@
 <template>
+	<view>
+		<uni-nav-bar shadow :title="toptitle" left-icon="left" @clickLeft="back" backgroundColor="#000" color="#fff" />
 		<view class="box">
 			<view v-if="id==0">
 				<view><uni-easyinput prefixIcon="phone-filled" v-model="mobile" @blur="onInput" placeholder="请输入手机号"></uni-easyinput></view>
@@ -18,6 +20,7 @@
 				<view><button type="primary" style="width: 180px;margin-top: 20px;" @click="register">手机号登录</button></view>
 			</view>
 		</view>
+	</view>
 </template>
 
 <script>
@@ -33,6 +36,7 @@
 				num: 0,
 				phone:'',
 				smsCode:'',
+				toptitle:'',
 				styles:{
 					width:'100px'
 				}
@@ -40,7 +44,7 @@
 		},
 		onLoad(options) {
 			this.id = options.id;
-			uni.setNavigationBarTitle({title: options.id == '0' ? '手机号绑定' : '手机号登录'});
+			this.toptitle = options.id == '0' ? '手机号绑定' : '手机号登录';
 			if (!uni.getStorageSync('phone') && options.id == '0'){
 				uni.showToast({title: '请先绑定手机号',icon: 'none'});
 			}

unpackage/dist/build/web/index.html

@@ -1,2 +0,0 @@
-<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>Waterinvoice_uiapp</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
-            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=./static/index.2da1efab.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=./static/js/chunk-vendors.0e233154.js></script><script src=./static/js/index.eea67daa.js></script></body></html>