vant中van-icon使用自定义图标简单粗暴

图标库是iconfont，这里面的图标够用了吧

一.新建项目

image.png

二.选择喜欢的图标，加入购物车，再添加到项目

三.生成代码

image.png

四.将链接粘贴到地址栏，将css内容复制到icon.css

image.png

五.在App.vue进行全局引用

image.png

六.在相应组件使用van-icon，iconfont类是必须要有的，不同的图标就是不同的percy-icon-xxxx

image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容