uniapp顶部导航栏添加自定义按钮和操作(全局添加)

1.pages.json中作如下配置:

"fontSrc": "/static/icon/iconfont.ttf";图标所在的文件夹

	"globalStyle": {
		"navigationBarTextStyle": "white",
		"navigationBarTitleText": "uni-app",
		"navigationBarBackgroundColor": "#007AFF",
		"backgroundColor": "#FFFFFF",
		"app-plus": {
			"titleNView": {
				"buttons": [
					{
						"text":"\ue7c0",
						"fontSrc": "/static/icon/iconfont.ttf",
						"fontSize": "22px"
					}
				]
			}
		}
	}

2.在阿里图标库下载对应的图标:

把下载好的文件放在static文件下

3.点击事件的执行;

在每个压面添加onNavigationBarButtonTap 事件,如:

	onNavigationBarButtonTap(e) {
			uni.navigateTo({
				url:`/pages/home/home`
			})
		},


版权声明:本文为sky_sunshine_x原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。