ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2026-04-06 02:00:43 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

51
packages/button/zh-CN.md
View File

@@ -22,10 +22,31 @@ Vue.use(Button);
#### 朴素按钮
```html
<van-button type="default" plain>默认按钮</van-button>
<van-button type="primary" plain>主要按钮</van-button>
<van-button type="warning" plain>警告按钮</van-button>
<van-button type="danger" plain>危险按钮</van-button>
<van-button plain type="primary">主要按钮</van-button>
<van-button plain type="danger">危险按钮</van-button>
```
#### 禁用状态
通过`disabled`属性来禁用按钮，此时按钮不可点击
```html
<van-button disabled type="primary">禁用状态</van-button>
<van-button disabled type="danger">禁用状态</van-button>
```
#### 加载状态
```html
<van-button loading type="primary" />
<van-button loading type="danger" />
```
#### 按钮形状
```html
<van-button square type="primary">方形按钮</van-button>
<van-button round type="danger">圆形按钮</van-button>
```
#### 按钮尺寸
@@ -38,28 +59,6 @@ Vue.use(Button);
<van-button size="mini">迷你按钮</van-button>
```
#### 禁用状态
通过`disabled`属性来禁用按钮，此时按钮不可点击
```html
<van-button disabled>禁用状态</van-button>
```
#### 加载状态
```html
<van-button loading />
<van-button loading type="primary" />
```
#### 按钮形状
```html
<van-button type="danger" square>方形按钮</van-button>
<van-button type="danger" round>圆形按钮</van-button>
```
### API