当前位置: 首页 > Web前端 > HTML

Vant为初学者引入了自定义iconfont

时间:2023-04-02 11:03:13 HTML

前端。如果有不足的地方还望指点~最近在学习vue+vant写项目的时候遇到了一个小波折,在此分享一下。收藏图标1,点击添加到购物车2,在右侧的购物车中可以看到添加的图标3,添加到项目中4,在资源管理->我的项目中可以看到添加的图标5,更多操作->编辑项目->FontClass/Symbol前缀,这里我是为了区分vant的图标,所以改成'icon-ali-'6.点击更新代码,然后下载-解压7.除了开始的文件有了demo,把剩下的复制到项目中8.在main.js中引入css文件9.之后就可以使用配置font-family:"iconfont"class-prefix="icon-aliinsupplementaryclass="iconfont“iconfont.css”上面第5步配置的prefixname="zhifubao4"只需要写上对应的图标名称即可