uni-app在自定义导航栏中的自定义按钮中使用字体图标

1. 前往iconfont下载字体图标

https://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.d33146d14&type=3

选择一个图标

创建一个项目,并添加图标进去,选择unicode,下载至本地

解压,将.ttl文件复制到uni-app项目的static中

在pages.json文件中加入按钮和字体图标,其中text中的值为' \u ' 加上后面四位16进制值

再次预览,效果如图

完毕。

发布了32 篇原创文章 · 获赞 9 · 访问量 7万+

猜你喜欢

转载自blog.csdn.net/yi__cao/article/details/102749831