美文网首页
【uni-app】iconfont 使用方法

【uni-app】iconfont 使用方法

作者: 大Q本Q | 来源:发表于2019-07-31 15:57 被阅读0次

在uni-app中使用iconfont


1. 在iconfont网站创建项目

https://www.iconfont.cn/

1.png
2.png

2. 搜索需要的图标,并加入购物车

3.png

3. 将购物车内的图标加入刚刚新建的项目

4.png
5.png

4. 在我的项目界面,下载字体图标

6.png

5. 使用字体图标

  1. 将下载的字体放入项目
  2. 在main.js中引入iconfont.css
  3. 打开iconfont.css查看所需的字体classname为 lambot-set
  4. 在页面文件中使用
    <text class="iconfont lambot-set"></text>
    7.png

6. 在页面可查看到图标

8.png

相关文章

网友评论

      本文标题:【uni-app】iconfont 使用方法

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