怎么在vue中调用阿里图标在线地址
作者:
焚心123 | 来源:发表于
2019-12-11 22:56 被阅读0次
1.打开阿里图标的官网,挑选自己需要的图标
2.选完后,点击加入购物车
3.点击右上方的购物车
4.点击下方的添加至项目
![](https://img.haomeiwen.com/i3294333/efc8b4f08bcbbd91.png)
微信截图_20191211225400.png
5.自己新建南一个项目名
![](https://img.haomeiwen.com/i3294333/c8e8af2c84a11662.png)
微信截图_20191211225537.png
6.点击font class 会生成一个在线的网址
![](https://img.haomeiwen.com/i3294333/7e52054135e67cb7.png)
微信截图_20191211225427.png
7.选择你需要的图标,复制代码
<!-- 每个图标前都要加iconfont 否则不会出现图标 -->
<i class="iconfont icon-jiantou3">
8.在index.html页面中引入
<link rel="stylesheet" href="//at.alicdn.com/t/font_1555212_m2bw9kqdsrf.css">
**注:说明一下,当你需要图标的时候,一次性选择完,否则,你再添加图标的时候,他会实时的更新网上的在线地址,这时就需要你把index.html中的在线地址,在重新更新一下,否则前面的图标,也不会显示
**注:在线地址的图标也是可以改变大小font-size和颜色的
本文标题:怎么在vue中调用阿里图标在线地址
本文链接:https://www.haomeiwen.com/subject/kezagctx.html
网友评论