uniapp 引入阿里矢量图标库正确姿势

阿里图标库地址:iconfont-阿里巴巴矢量图标库

1.首先选择我们喜欢的图标加入购物车

 2.点击购物车,将图标加入到项目中

 

 3.下载到本地解压出来

 4.将这四个文件拷贝到我们的项目中去

5.在App.vue中配置iconfont.css 

 

/* 阿里矢量图库 */
	@import 'static/css/iconfont.css';

 6.编辑iconfont.css文件,修改其他三个文件的位置

 

 src: url('@/static/css/iconfont.woff2?t=1634627924158') format('woff2'),
       url('@/static/css/iconfont.woff') format('woff'),
       url('@/static/css/iconfont.ttf') format('truetype');

7.在项目中使用

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐