[improvement] Button: update disabled style (#1886)
This commit is contained in:
+25
-26
@@ -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 |
|
||||
|
||||
Reference in New Issue
Block a user