0.1.3 • Published 6 years ago
vue-svgiconfont v0.1.3
Vue-SvgIconfont
Install
npm install vue-svgiconfont
Manage and download your Icons.
Iconfont http://iconfont.cn/
Usage
import Vue from 'vue'
<!--import svg file you downloaded from your Iconfont project-->
import './assets/iconfont.svg'
<!--import css file for svg, or write css yourself-->
import 'vue-svgiconfont/svgiconfont.css'
import vueSvgIconfont from 'vue-svgiconfont'
Vue.use(vueSvgIconfont, {
tagName: 'svg-iconfont', // default for <svg-iconfont />
className: 'fafont',
prefix: 'fa' // find prefix in your Iconfont project. Default: 'icon'
})
<svg-iconfont />
Props
- spin
<svg-iconfont spin />
The 'spin' and others below use CSS to work, so you should import 'svgiconfont.css' first. Or you can write it your self, like this:
svg.spin[data-v-svgiconfont] {
animation: fa-spin 1s 0s infinite linear;
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
- pulse
- flip-vertical
- flip-horizontal
0.1.3
6 years ago