效果
1、導入插件
uni-icons插件:https://ext.dcloud.net.cn/plugin?name=uni-icons
復制 uniicons.ttf 文件到 static/fonts/ 下
僅需要那個uniicons.ttf文件,不引入插件、單獨把那個文件下載到本地也是可以的
2、配置頁面
"app-plus": {"titleNView": {"buttons": [{"color": "#5F3DB8","fontSize": "50rpx","text": "\ue6a4","fontSrc": "static/fonts/uniicons.ttf"}]}
}
fontSrc 填寫static下的uniicons.ttf地址,注意寫準確。
text 填寫圖標的名字。可以到此地址查詢需要的圖片:https://uniapp.dcloud.net.cn/component/uniui/uni-icons.html
復制需要的圖片名稱到uniicons_file.ts中搜索,我這里添加的是gift,就把 unicode 的值 \ue6a4 填寫到text
4、綁定點擊事件
onNavigationBarButtonTap(e) {console.log('自定義按鈕被點擊')
}