您的位置:首页 > 移动开发

uni-app引入阿里巴巴矢量库图标后,顶部导航栏显示小方块

2020-06-09 05:21 736 查看
  1. 引入阿里巴巴矢量图标库
    首先在阿里巴巴创建项目,拥有图标
    具体引入方法参考:
    [https://blog.csdn.net/Dream_Weave/article/details/88550978?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task]
  2. 在uni-app顶部状态栏中图标显示小方块的原因

顶部导航栏引入的图标出现小方块

我出现此状况的原因:
page.json页面配置出错,引用错的.tff文件:

解决方法:
引入本地正确的.tff文件,我的iconfont.tff文件在static文件夹中;正确代码:
“fontSrc”: “/static/iconfont.ttf”,

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: