在uni-app项目中使用iconfont

最近公司想用uni-app做一个项目,然而作为实习生的我vue还没学好,又来一个uni-app,在有压力的同时又可以学习一个新的知识了,也是不亦乐乎,希望可以坚持把遇到的一些问题以及解决方法写出来,作为自己学习过程的一个总结。如果大神们读到我的文章有误的,请帮我指出,谢谢

1.    uni-app中引用iconfont字体图标

首先登陆iconfont官网,创建自己的项目,找到需要的图标加入购物车,然后添加到项目中

然后找到图标管理,我的项目,生成unicode ,点击下载至本地,解压

将解压后的iconfont.css引入到common文件夹下,将iconfont.css文件内url路径转换为在线路径即加上https:

如下

使用时在App.vue中全局引入该文件@import "./common/iconfont.css";(根据该文件路径),即可以在各页面中使用

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容