Vue Awesome
made with Vuejs

Vue Awesome是一个基于 Vue.js 的强大 SVG 图标组件，内置Font Awesome 图标。

安装

Npm

npm i vue-awesome

Yarn

yarn add vue-awesome

使用

引入

import Vue from 'vue'

在下面两种方式中任选一种

• 仅引入用到的图标以减小打包体积

  import 'vue-awesome/icons/flag'

• 或者在不关心打包体积时一次引入全部图标

  import 'vue-awesome/icons'

任选一种注册组件的方式

import Icon from 'vue-awesome/components/Icon'

全局注册（在 main .js 文件中）

Vue.component('v-icon', Icon)

或局部注册（在组件文件中）

export default {
 components: {
 '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>

示例