【uni-app】iconfont 使用方法

2019-07-31  本文已影响0人  大Q本Q

在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
上一篇 下一篇

猜你喜欢

热点阅读