iconfont-阿里巴巴矢量图标图库的使用

小白笔记，大佬轻喷

使用WXSS演示

一、准备工作

1. 打开页面 iconfont-阿里巴巴矢量图标图库

2. 注册登录
   

二、使用方法

1. 在搜索框搜索想使用的图标

2. 选择想要的图标添加入库
   

3. 点击右上角购物车，选择添加到项目
   

4. 选择要添加的项目（这里使用TEST演示）
   

5. 添加完后会自动跳转到我的项目页面

   以后可以在主页的图标管理里找到我的项目

6. 点击生成CSS
   

7. 拷贝地址到浏览器地址栏打开
   

8. 全选（Ctrl+A）页面内容并复制
   

9. 在项目（小程序）中建立一个WXSS文件，并将复制的内容粘贴
   

10. 在app.wxss中引入该样式文件
    

11. 接下来就可以使用相应的图标了

    • 在相应标签中添加对应class名
      
    • class名要与复制的类名相同
      

---

CSS相应操作未显示

相关链接

• iconfont-阿里巴巴矢量图标图库
• W3CSchool的CSS教程