uniapp 导航栏右侧 文字按钮/图标按钮 阿里巴巴矢量图引入

文字不用引入外部文件  

图标需要 阿里巴巴矢量图引入
添加代码至项目    引入css以及ttf文件→static文件夹
APP.vue引入css   

监听导航栏点击方法

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

文字

{
            "path" : "pages/maintenance/maintain/inventory/inventory",
            "style" :                                                                                    
            {
                "navigationBarTitleText": "保养清单",
                "enablePullDownRefresh": false,
				"app-plus":{
					"titleNView":{
						"buttons":[
							{
								"text":"保养手册",
								"color":"#505050",
								"fontSize":"14px",
								"width":"88px"
							}
						]
					}
				}
            }
            
        }

图标

{
            "path" : "pages/maintenance/shop/shop",
            "style" :                                                                                    
            {
                "navigationBarTitleText": "选专营店",
                "enablePullDownRefresh": false,
				"app-plus":{
					"scrollIndicator":"none",
					"titleNView":{
						"buttons":[
							{
								"text":"\ue6e5",
								"fontSize":"24px",
								"width":"48px",
								"fontSrc":"/static/albbIcon/iconFont.ttf"
							}
						]
					}
				}
            }
            
        }