uni-app引入阿里巴巴矢量库图标后,顶部导航栏显示小方块
2020-06-09 05:21
736 查看
- 引入阿里巴巴矢量图标库
首先在阿里巴巴创建项目,拥有图标
具体引入方法参考:
[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] - 在uni-app顶部状态栏中图标显示小方块的原因
顶部导航栏引入的图标出现小方块
我出现此状况的原因:
page.json页面配置出错,引用错的.tff文件:
解决方法:
引入本地正确的.tff文件,我的iconfont.tff文件在static文件夹中;正确代码:
“fontSrc”: “/static/iconfont.ttf”,
相关文章推荐
- UNI-APP添加顶部导航栏并且更换图标
- uni-app实现顶部导航栏显示按钮+搜索框
- 微信小程序开发-引入阿里巴巴矢量icon图标库
- antd引入阿里巴巴矢量图库的icon图标
- 微信小程序开发-引入阿里巴巴矢量icon图标库
- Iconfont(阿里巴巴矢量图标库)上传图标显示空白的解决方法
- 字体图标下载使用uni-App 字体图标引入及定义生成定义模板
- Element引入Iconfont(阿里巴巴矢量图标库)第三方图标库
- 微信小程序开发-引入阿里巴巴矢量icon图标库
- 关于uni-app App-plus中iconfont图标的引入没效果,博主踩过的坑
- uni-app中原生头部导航栏图标事件的监听
- uni-app项目中,引入iconfont图标没有效果的总结
- uni-app中原生头部导航栏图标的添加
- Iconfont(阿里巴巴矢量图标库)在Safari下图标不显示的解决方法
- 微信小程序中引入iconfont阿里巴巴矢量图标
- 在web.config文件中,增加“type="APP.Modules.CommandModule,CommandModules"”节点会导致awesome font字体图标显示为方框框
- uni-app引入vant组件 H5
- Bootstrap—解决引入本地Bootstrap文件字体图标无法显示问题
- AndroidAPP顶部导航栏Tab点击和左右滑动实现切换界面
- mu-bottom-navigation导航组件使用阿里巴巴字体图标的方法,vue使用Muse-UI引入阿里巴巴字体图标的方法