vant图标怎么显示不出来_Vant 扩展图标 自定义图标，以及两种使用方式。方式2使用方便...

以此官方图标为例

单个添加太慢，打开控制台，输入下面js 并热行，全部选中

Array.from(document.getElementsByClassName("icon-gouwuche1")).forEach(x=>x.click())

从购物车，添加进项目

如上图：

1为项目名，

点3按钮 编辑项目，设置前缀     zt-i3-

点2生成

下载本地，解压，将 复制到项目中 src/assets/css/azt-i3/

修改内容.   @font-face 内容替换为 上图按钮2处生成的

iconfont.css 顶部修改

/*按钮2处生成的*/@font-face {font-family: "azt-i3";

src: url('//at.alicdn.com/t/font_1848252_m9tlhsscnvc.eot');

src: url('//at.alicdn.com/t/font_1848252_m9tlhsscnvc.eot?#iefix') format('embedded-opentype'),

url('//at.alicdn.com/t/font_1848252_m9tlhsscnvc.woff2') format('woff2'),

url('//at.alicdn.com/t/font_1848252_m9tlhsscnvc.woff') format('woff'),

url('//at.alicdn.com/t/font_1848252_m9tlhsscnvc.ttf&#