uniapp自定义顶部按钮

page.json

{
			"path":"pages/msghome/home",
			"name":"chatIndex",
			"style":{
				"navigationBarTitleText":"信息",
				"navigationBarBackgroundColor":"#FE5F46",
				"app-plus":{
					"titleNView": {
						"autoBackButton":false, //是否需要返回按钮
						"buttons": [{
							"fontSrc": "/static/iconfont/iconfont.ttf",
							"float": "right",
							"text": "\ue626"
						}
						, {
							"fontSrc": "/static/iconfont/iconfont.ttf",
							"float": "left",
							"text": "\ue6f2",
							"color": "#303133",
							"background": "rgba(255,255,255,0)"
						} 
						]
					}
				}
			}
		},

页面监听

目前监听有点问题，在apk安卓应用测试，需要将方法放在methods中，而官网上说的是和methods同级，期待更新规范吧

onNavigationBarButtonTap(e) {
	console.log(e)
},

支持图标

阿里矢量图
https://www.iconfont.cn
用哪一个下载哪一个，需要代码格式的

只需要iconfont.css和iconfont.ttf,放在static中就可以调用了

最后：如果监听按钮时还是不好用，就多换换位置，或者重新运行说不定就可以啦