# FontIcon 字体图标

### 介绍

 支持Vant字体图片和FontAwesome图标。

### 引入

```js
import { Vue } from 'vue';
import { FontIcon } from '@bingoit/mobile-ui';

Vue.use(FontIcon);
```

## 代码演示

### 基础用法
```html
<!-- 用Element图标 -->
<bgo-font-icon
    type="vant"
    icon="plus" 
    :size="18" 
    color="#409eff" />

<!-- 用FontAwesome图标 -->
<bgo-font-icon
    icon="fa plus"
    :size="18" 
    color="#409eff" />
```

## API

### Props

| 名称   | 说明        | 类型      | 可选值 | 默认值  |   
| ----- | ----------  | -------- | ----  | ------ |   
| icon  | 字体图标名称  | _string_ | -     | -      |
| size  | 图标大小(单位为：px) | _number_ | - | `16` |  
| is-block | 是否为块图标 | _boolean_ | `true` / `false` | `false` | 
| color | 图标颜色     | _string_ | -     | -      |   
| type  | 图标类型     | _string_ | `font-awesome` / `vant` | `font-awesome` |


### Events

| 事件         | 说明         | 回调参数          |
| ----------- | -----------  | ---------------- |
| click       | 点击图标时触发  | _event: Event_   |