联系我们 - 广告服务 - 联系电话:
您的当前位置: > 综合 > > 正文

天天快看点丨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是

方法二:

其中是

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

责任编辑:

标签: 阿里巴巴

精彩放送:

新闻聚焦
Top