uniapp中使用阿里矢量图标

2021-09-28  本文已影响0人  陈大事_code

简单几步完成。

  1. 在阿里矢量图官网选择自己想要的图标,并加入项目,如图:
1.png
  1. 点击查看在线链接(没有链接就点击生成),如图
2.png
  1. 直接点击这串链接,会自动打开新的网页,如图


    3.png
  1. 将这段代码复制到,uniapp项目中的static/csss/iconfont.css路径下(该目录需自己建),如图

    4.png
  1. 在url前缀加上https:,如图
5.png
  1. 接下来就是使用了,如图
<view class="iconfont icon-task"></view>
  1. ok了,如图:


    7.png
上一篇 下一篇

猜你喜欢

热点阅读