uni-app自定义导航按钮

1 使用步骤

1.1下载阿里矢量图标

https://www.iconfont.cn/

1.2 通过下载解压后的iconfont.css文件查看content，如

.icon-saoma:before {
  content: "\e6cb";
}

1.3 将字体图标引入项目

把解压后的iconfont.ttf文件复制到项目中，比如放在static目录下

1.4 配置自定义导航图标

在pages.json配置导航自定义图标，哪个页面需要就在相应的位置配置

官方文档：https://uniapp.dcloud.io/collocation/pages?id=app-titlenview-buttons

这里需要注意buttons下的两个参数

fontSrc：字体路径
text     ：字体编号（使用字体图标时 unicode 字符表示必须 '\u'