Vue Awesome
made with Vuejs

Vue Awesome

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

相关问答
暂无相关问题
查看全部
简介及使用教程

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>

示例

作者

Justineo

@_justineo

相关项目

这是一个基于Vue.js的模拟命令行效果的动画组件。
Vue.js的文本幻灯片组件。
这是一个基于Vue.js的内容切换组件。
这是一个基于Vue的图像墙组件。
这是一个灵活可扩展的内容容器组件。
这是ApexCharts的Vue.js组件。
这是一个强大而易用、通用的、可执行的VUE UI组件库。