gauseen / vue-cli-plugin-custom-config

vue-cli-plugin 优雅的使用 svg icon

vue-cli-plugin-custom-config

基于 vue-cli 3.x

---

一、svg-icon 组件，开箱即用 icon

将 src/icons/svg 文件夹下的单个 *.svg 文件，封装成 vue 开箱即用的组件，使用方式如下：

安装插件

vue add custom-config # 安装插件并调用

引入

// src/main.js

import './icons'

注：在 src/mian.js 引入！！！

使用

<template>
  <div class="svg-icon">
    <svg-icon name="good"></svg-icon>
  </div>
</template>

svg-icon 组件属性说明 Attributes:

参数	说明	类型	可选值	默认值	必填项？
name	icon文件名	String		''	是