vue项目中引入阿里图标以及颜色大小的调整
- 阿里图标库生成代码
- 1.去阿里图标矢量图标库将想要的图标添加入库
- 2.再去购物车中将图标添加到项目。
- 3.1将图标代码包下载到本地再引入到vue项目中。
- 3.1.1解压放到assets文件夹下
- 3.1.2 在mian.js中全局引入图标
- 3.1.3 页面中使用
- 3.1.4改变图标大小和颜色
- 3.2将图标以线上方式引入项目
- 3.2.1 在index.html中引入资源
- 3.2.2 页面中使用
- 3.2.3 改变图标大小和颜色
由于在使用element-ui的时候,其图标数量太少,项目需要的又没有;而且大小几乎不能调整,于是有了引入其他图标库的想法。




3.1.1解压放到assets文件夹下

3.1.2 在mian.js中全局引入图标


3.1.3 页面中使用


3.1.4改变图标大小和颜色

3.2.1 在index.html中引入资源

3.2.2 页面中使用



3.2.3 改变图标大小和颜色



这样阿里图标就导入成功了,如果有疑问,欢迎评论区留言。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/147142.html