uniapp原生导航栏加图标

来源：开发中经常遇到导航栏需自定义图标，且不想通过自定义导航栏的方式实现。那么只需在page.json里面做一些配置即可。详见app-plus配置，需注意目前暂支持H5、App端，不支持小程序。

使用：

1.以客服图标为例，前往iconfont官网找到对应图标并选择加入购物车。

2.在购物车选择下载代码。

3.解压并拷贝iconfont.ttf文件到自己项目static根目录。

4.字体文件中打开iconfont.css文件可以查看unicode编码。

5.以\u开头，将编码拷贝到pages.josn对应页面的style配置下即可生效。

"app-plus": {
	"titleNView": {
		"buttons": [{
			"float": "right",
			"text": "\ue636",
			"fontSize": "26px",
			"fontSrc": "/static/iconfont.ttf"
		}]
	}
}

结语：好用的记得一键三连（点赞+收藏+关注），有问题欢迎评论区留言！！！