搜索打开阿里巴巴矢量图标库,找到想要的图标加入购物车,加入到同一个项目当中,点击如图所示处,即可生成链接,将链接复制进行如下操作。
这里是在Vue项目中使用的哦!
使用方法在public文件夹中的index.html文件中引入链接
<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_3783300_q5ymnu6kry7.css">
注意:阿里巴巴矢量图标生成的链接是 //at.alicdn.com/t/c/font_3783300_q5ymnu6kry7.css,没有协议,需要加上协议。
引入代码如下:public文件夹 --> index.html添加代码
<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_3783300_q5ymnu6kry7.css">
使用:
在需要的文件中使用图标 class="iconfont icon-xiangxiajiantou"
一定要带上iconfont类名,后面的类名是你所使用的图标类名。
<span v-show="isTwo" class="iconfont icon-xiangxiajiantou">
进行以上操作便可完成阿里巴巴矢量图标的链接引入方式。