天天快看点丨vue怎么引入阿里巴巴图标？引入的方法教程

来源：CSDN 时间：2022-12-19 11:28:45

(资料图片仅供参考)

第一步：下载阿里巴巴图标库的资源到本地。

第二步：在自己的assets创建一个icon文件，然后把下载的东西选择放进去。

第三步：在main.js引入

import "./assets/icon/iconfont.js" //引入阿里巴巴图标库jsimport "./assets/icon/iconfont.css"//引入阿里巴巴图标库css

第四步：在App.vue的css里面写

.icon {  width: 1em; height: 1em;  vertical-align: -0.15em;  fill: currentColor;  overflow: hidden;}

第五步：如果你不用彩色图标就直接在页面上写

方法一：

其中icon-rizhi是

方法二：



其中是

如果你要用彩色图标的话就是另一种写法如下：

责任编辑：