Vue学习之Vant图标使用及问题

Green

　　文章目录[隐藏]   

• 前言
  
• Vant Icon 图标使用
  

　　
前言

今天在使用Vant时发现图标不显示，最后查看到是没有添加url-loader 依赖，加入后运行就好了。
在初次使用时可能还会报错，根据提示引入相应的依赖即可。

Vant Icon 图标使用
  引入

import Vue from 'vue';
import { Icon } from 'vant';
Vue.use(Icon);

　　使用 ICON 组件

<van-icon name="chat-o" color="#07c160" />

　　显示效果