美文网首页
在uni-app项目中使用iconfont

在uni-app项目中使用iconfont

作者: momohi | 来源:发表于2018-12-04 14:59 被阅读0次

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

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

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

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

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

    如下

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

    相关文章

      网友评论

          本文标题:在uni-app项目中使用iconfont

          本文链接:https://www.haomeiwen.com/subject/izbmcqtx.html