svg-icon-vue
v1.0.3
Published
``` $ npm install --save svg-icon-vue
Downloads
3
Readme
安装
$ npm install --save svg-icon-vue
或
yarn add --save svg-icon-vue
引用
用户注册全局事件或组件
import VueIcon from 'svg-icon-vue'
import 'svg-icon-vue/svg-icon-vue.css'
Vue.use(VueIcon)
使用方法
<vue-icon symbol="test" v-spin></vue-icon>
<vue-icon symbol="test" theme="twoColor" class="xxx"></vue-icon>
<vue-icon symbol="person"></vue-icon>
<vue-icon symbol="person" theme="twoColor"></vue-icon>
<vue-icon symbol="test2"></vue-icon>
<vue-icon symbol="test2" theme="twoColor"></vue-icon>
修改颜色
//单色
.tcIcon{
fill: #1AB370;
}
//双色
.twoColor{
fill: #1AB370;
color: rgba(26,179,112,.2);
}
//通过单独class名称控制颜色
.tcIcon.xxx{
fill: #1890ff;
}