YeSuX/vue-icon

基于vue的icon组件封装

vue-svg-icon

项目启动

npm install

npm run dev

使用

1. svg文件放入icons/svg文件夹中

推荐使用阿里的iconfont下载svg文件

2. svg组件使用

<svg-icon icon-class="/svg文件名/" class-name="/svg类名/"/>

优点

1. 可按需加载，自动导入

2. 语意明确，书写直观

3. 减少http请求

4. 支持多色图标

5. 可利用CSS动画

6. 矢量，缩放不失真

7. 可通过CSS控制色彩大小及样式