[improvement] Button: update disabled style (#1886)

This commit is contained in:
neverland
2018-10-02 17:24:33 +08:00
committed by GitHub
parent beebeaf5b7
commit 1f0b41ec20
6 changed files with 102 additions and 115 deletions
+25 -26
View File
@@ -12,19 +12,38 @@ Vue.use(Button);
#### Type
```html
<van-button type="default">Default</van-button>
<van-button type="primary">Primary</van-button>
<van-button type="warning">Warning</van-button>
<van-button type="danger">Danger</van-button>
<van-button type="default">Default</van-button>
<van-button type="warning">Warning</van-button>
```
#### Plain
```html
<van-button type="default" plain>Default</van-button>
<van-button type="primary" plain>Primary</van-button>
<van-button type="warning" plain>Warning</van-button>
<van-button type="danger" plain>Danger</van-button>
<van-button plain type="primary">Primary</van-button>
<van-button plain type="danger">Danger</van-button>
```
#### Disabled
```html
<van-button disabled type="primary">Diabled</van-button>
<van-button disabled type="danger">Diabled</van-button>
```
#### Loading
```html
<van-button loading type="primary" />
<van-button loading type="primary" />
```
#### Shape
```html
<van-button square type="primary">Square</van-button>
<van-button round type="danger">Round</van-button>
```
#### Size
@@ -36,26 +55,6 @@ Vue.use(Button);
<van-button size="mini">Mini</van-button>
```
#### Disabled
```html
<van-button disabled>Diabled</van-button>
```
#### Loading
```html
<van-button loading />
<van-button loading type="primary" />
```
#### Shape
```html
<van-button type="danger" square>Square</van-button>
<van-button type="danger" round>Round</van-button>
```
### API
| Attribute | Description | Type | Default |