vue怎么引入阿里巴巴图标？引入的方法教程

来源：CSDN 时间：2022-12-12 16:04:39

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

第二步：在自己的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是

其中是

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