vue 优雅的使用矢量图库标

先上网址阿里巴巴矢量图标库

1.首先选择自己需要的图标

2.点击购物车小图标,添加入库

3.点击右上角购物车图标按钮

4.点击添加至项目后

创建项目名称点击确定

5.添加成功后是这样的

6.找到添加项目的css样式链接(点击复制代码就可)

7.引用

找到index.html引入css链接样式

<link rel="stylesheet" href="https://at.alicdn.com/t/font_678910_woyzcv7ekz.css">

8.在所需要的地方使用(注意,前面两个类名必须保留,第三个类名是图标的类名,鼠标划上去会出现复制代码,复制使用就好了)

<i class="icon iconfont icon-dingwei"></i>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值