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:翻转

最新文章

  1. java.lang.NoClassDefFoundError: org/apache/ibatis/session/SqlSession
  2. 关于context:component-scan配置中use-default-filters参数的作用
  3. iOS开发之音频口通信-通过方波来收发数据
  4. .NET连接SAP系统专题:SAP中新建可远程调用的RFC(二)
  5. oracle编译 失效对象方式
  6. ICE学习第三步-----Slice语言
  7. Android 网络通信框架Volley的简单使用
  8. jsp九九乘法表
  9. qt5集成libcurl实现tftp和ftp的方法一:搭建环境(五篇文章)
  10. Http报文格式学习及Get和Post主要区别总结
  11. Eclipse中导入第三方源码的问题和备用解决方案
  12. CSS3 &amp; SVG 制作钟表
  13. package.json 里的 dependencies和devDependencies区别
  14. 一些 NSArray 的基本操作代码例子
  15. Python+Selenium学习--案例介绍
  16. A - Divisors POJ - 2992 (组合数C的因子数)数学—大数
  17. JS-缓冲运动基础结构
  18. springboot-3-aop
  19. 如何写出高性能SQL语句
  20. 2017-2018-1 JAVA实验站 冲刺 day04

热门文章

  1. scrapy 采集网页出现丢失url的问题
  2. Python之文件操作:os模块
  3. 【机器学习】K-邻近算法的python 实现
  4. HDU 5700 优先队列(或者multiset) 或 线段树
  5. windows安装zookeeper和kafka,flume
  6. 【转】 虚拟机Linux不能上网简单有效的解决办法(NAT模式下)
  7. 在Unity中实现屏幕空间反射Screen Space Reflection(2)
  8. 2017ACM暑期多校联合训练 - Team 8 1008 HDU 6140 Hybrid Crystals (模拟)
  9. NYOJ 328 完全覆盖 (找规律)
  10. python-num18 - django进阶一