vant图标失效（不显示）

vant图标失效（不显示）

本应该是这样的

失效：

原因：

图标字体引用的在线文件无法请求到

解决：

import Vue from 'vue'
import Vant from 'vant';
import 'vant/lib/index.css';
import 'vant/lib/icon/local.css';//本地
Vue.use(Vant)

import ‘vant/lib/icon/local.css’;//本地

在main.js里面引入本地文件