vue引入Vue-Awesome
2024-08-30 19:52:04
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:翻转
最新文章
- java.lang.NoClassDefFoundError: org/apache/ibatis/session/SqlSession
- 关于context:component-scan配置中use-default-filters参数的作用
- iOS开发之音频口通信-通过方波来收发数据
- .NET连接SAP系统专题:SAP中新建可远程调用的RFC(二)
- oracle编译 失效对象方式
- ICE学习第三步-----Slice语言
- Android 网络通信框架Volley的简单使用
- jsp九九乘法表
- qt5集成libcurl实现tftp和ftp的方法一:搭建环境(五篇文章)
- Http报文格式学习及Get和Post主要区别总结
- Eclipse中导入第三方源码的问题和备用解决方案
- CSS3 &; SVG 制作钟表
- package.json 里的 dependencies和devDependencies区别
- 一些 NSArray 的基本操作代码例子
- Python+Selenium学习--案例介绍
- A - Divisors POJ - 2992 (组合数C的因子数)数学—大数
- JS-缓冲运动基础结构
- springboot-3-aop
- 如何写出高性能SQL语句
- 2017-2018-1 JAVA实验站 冲刺 day04
热门文章
- scrapy 采集网页出现丢失url的问题
- Python之文件操作:os模块
- 【机器学习】K-邻近算法的python 实现
- HDU 5700 优先队列(或者multiset) 或 线段树
- windows安装zookeeper和kafka,flume
- 【转】 虚拟机Linux不能上网简单有效的解决办法(NAT模式下)
- 在Unity中实现屏幕空间反射Screen Space Reflection(2)
- 2017ACM暑期多校联合训练 - Team 8 1008 HDU 6140 Hybrid Crystals (模拟)
- NYOJ 328 完全覆盖 (找规律)
- python-num18 - django进阶一