uni-app實現導航欄自定義圖標

效果

代碼

fontSrc中的字體文件可以到阿里巴巴iconfont中獲取。在onNavigationBarButtonTap鉤子函數中可以監聽到按鈕的點擊。

pages.json中

	{
			"path": "pages/rent/order/list/index",
			"style": {
				"navigationBarTitleText": "訂單列表",
				"enablePullDownRefresh": true,
				"app-plus":{
					"titleNView":{
						"buttons":[
							{
								"text":"\ue720",
								"fontSrc":"/static/iconfont/search/iconfont.ttf",
								"fontSize":"21px"
							}
						]
					}
				}
			}
		},

獲取字體圖

將ttf文件放到你的項目中，在iconfont.css文件中可以查看對應的字符，注意在uni-app中使用時必須添加 ‘\u’ 開頭