美文网首页
怎么在vue中调用阿里图标在线地址

怎么在vue中调用阿里图标在线地址

作者: 焚心123 | 来源:发表于2019-12-11 22:56 被阅读0次

1.打开阿里图标的官网,挑选自己需要的图标

2.选完后,点击加入购物车

3.点击右上方的购物车

4.点击下方的添加至项目

微信截图_20191211225400.png

5.自己新建南一个项目名

微信截图_20191211225537.png

6.点击font class 会生成一个在线的网址

微信截图_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