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进制值

再次预览,效果如图

完毕。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章