方式一:

在pages.json中,pages配置当前页面下的style==>navigationBarTitleText即可。

"pages": [
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "首页"
			}
		},
		{
			"path":"pages/person/person",
			"style": {
				"navigationBarTitleText": "个人中心"
			}
		}
	],

方式二:

在需要修改导航标题的页面声明周期函数中,使用函数式修改:

		onLoad() {
			uni.setNavigationBarTitle({
				title:'个人中心'
			})
		}

修改背景色后,页面上下,留白问题:

因为uniapp的根节点,是page(与小程序一样),故直接修改page的背景样式就可以全局修改。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐