vue引入Vue-Awesome

Posted 2020-10-04 neo

Vue-Awesome建立在Font Awesome上 v4.5.0，取决于Vue.js v2.0.1 +，所以安装了Vue-Awesome就可以直接使用Font Awesome的字体图标。

1.安装Vue-Awesome

　　$ npm install vue-awesome

2.引入Vue-Awesome

　　在main.js文件中加入以下代码：

　　　　import ‘vue-awesome/icons‘
　　　　import Icon from ‘vue-awesome/components/Icon‘

　　　　Vue.component(‘icon‘, Icon)

3.使用

　　<icon :name="refresh"  scale="2"></icon>               //scale:图标大小1，2，3。。。

　　<icon :name="refresh"  spin></icon>               //spin:图标旋转

　　<icon :name="refresh"  flip="horizontal"></icon>               //flip:翻转