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

发布了51 篇原创文章 · 获赞 18 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/weixin_42565137/article/details/95975966