ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-20 18:54:24 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

docs: update some examples of button and cell

Browse Source
This commit is contained in:
linrz
2019-12-29 17:02:31 +08:00
committed by neverland
parent abdc38eeee
commit 1b18c15d28
7 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/button/README.zh-CN.md
View File

@@ -109,12 +109,12 @@ Vue.use(Button);
<van-button color="linear-gradient(to right, #4bb0ff, #6149f6)">渐变色按钮</van-button>
```
### 块级元素按钮
### 块级元素
通过`block`属性可以设置按钮的元素类型
通过`block`属性可以将按钮的元素类型设置为块级元素
```html
<van-button type="primary" block>块级元素按钮</van-button>
<van-button type="primary" block>块级元素</van-button>
```

4
src/button/demo/index.vue
View File

@@ -104,7 +104,7 @@ export default {
customColor: '自定义颜色',
pure: '单色按钮',
gradient: '渐变色按钮',
blockElement: '块级元素按钮'
blockElement: '块级元素'
},
'en-US': {
type: 'Type',
@@ -133,7 +133,7 @@ export default {
customColor: 'Custom Color',
pure: 'Pure',
gradient: 'Gradient',
blockElement: 'Display as a block element'
blockElement: 'Block Element'
}
}
};

2
src/button/test/__snapshots__/demo.spec.js.snap
View File

@@ -24,7 +24,7 @@ exports[`renders demo correctly 1`] = `
<div><button class="van-button van-button--primary van-button--normal"><span class="van-button__text">URL 跳转</span></button> <button class="van-button van-button--primary van-button--normal"><span class="van-button__text">路由跳转</span></button></div>
<div><button class="van-button van-button--default van-button--normal" style="color: rgb(255, 255, 255); background: rgb(114, 50, 221); border-color: #7232dd;"><span class="van-button__text">单色按钮</span></button> <button class="van-button van-button--default van-button--normal van-button--plain" style="color: rgb(114, 50, 221); border-color: #7232dd;"><span class="van-button__text">单色按钮</span></button> <button class="van-button van-button--default van-button--normal" style="color: rgb(255, 255, 255); border: 0px;"><span class="van-button__text">渐变色按钮</span></button></div>
<div>
<div class="demo-button-row"><button class="van-button van-button--primary van-button--normal"><span class="van-button__text">普通按钮</span></button></div> <button class="van-button van-button--primary van-button--normal van-button--block"><span class="van-button__text">块级元素按钮</span></button>
<div class="demo-button-row"><button class="van-button van-button--primary van-button--normal"><span class="van-button__text">普通按钮</span></button></div> <button class="van-button van-button--primary van-button--normal van-button--block"><span class="van-button__text">块级元素</span></button>
</div>
</div>
`;