## Button 按钮

**包含了常用的 button 按钮**

### 基本用法

#### 按钮类型
支持 `default`、`primary`、`info`、`ghost` 四种类型，默认为 `default`

```html
<v-button >default</v-button>
<v-button type="info">info</v-button>
<v-button type="primary">primary</v-button>
<v-button type="ghost">ghost</v-button>
```
#### 按钮尺寸
支持 `small`、`normal`、`large`三种尺寸，默认为 `normal`
```html
<v-button size="small">小按钮</v-button><br />
<v-button>中按钮</v-button><br />
<v-button size="large">大按钮</v-button>
```
#### 按钮圆角
支持`default`,`circle`两种属性，默认`default`。
```html
<v-button>small</v-button>
<v-button radius="circle">circle</v-button>
<v-button radius="circle" icon="v-icon-power"></v-button>
```
#### 满屏按钮
可以定义按钮的宽度为100%
```html
<v-button :full='true' type="primary">长按钮</v-button>
```
#### 图标按钮
可以给图标添加一些按钮
```html
<v-button icon="icon-兑换记录">兑换记录</v-button>
<v-button icon="icon-浏览记录" radius="circle">浏览记录</v-button><br />
<v-button radius="circle" icon="icon-github"></v-button>
<v-button radius="circle" icon="icon-home2"></v-button>
<v-button radius="circle" icon="icon-share2"></v-button>
```
#### 禁用按钮
通过 `disabled` 属性来禁用按钮
```html
<v-button disabled>禁用按钮</v-button>
```


### Attributes

| 参数      | 说明    | 类型      | 可选值       | 默认值   |
|---------- |-------- |---------- |-------------  |-------- |
| type  | 按钮类型    | string   |  `default`、`primary`、`info`、`ghost`  | `default` |
| size  | 按钮大小    | string   | `small`、`normal`、`large` | `normal` |
| radius  | 按钮圆角    | string   | `default`,`circle` | `default` |
| full  | 自定义按钮类型    | boolean   | true, false | false |
| disabled  | 按钮是否禁用    | boolean   | true, false | false |
| icon  | 自定义按钮的图标    | string   | 参考Icon | 无 |