Powered by md-Blog  文 - 篇  访客 -

Vue-Awesome使用方法


  分类:Vue  / 
更新:2020-11-01 17:25:26  /  创建:2020-07-20 18:54:31
不要删除

图标参考地址

https://fa5.dashgame.com/#/%E5%9B%BE%E6%A0%87

Demo 地址

https://justineo.github.io/vue-awesome/demo/

项目地址

https://github.com/Justineo/vue-awesome

安装

yarn add vue-awesome

main.js

// font-awesome
import 'vue-awesome/icons'
import Icon from 'vue-awesome/components/Icon.vue'
Vue.component('v-icon', Icon)

使用

<!-- 基础用法 -->
<v-icon name="beer"/>

<!-- 添加选项 -->
<v-icon name="sync" scale="2" spin/>
<v-icon name="comment" flip="horizontal"/>
<v-icon name="code-branch" label="Forked Repository"/>

<!-- 堆叠图标 -->
<v-icon label="No Photos">
  <v-icon name="camera"/>
  <v-icon name="ban" scale="2" class="alert"/>
</v-icon>

不要删除

小站不易,感谢支持!