docs: complete some examples of button/cell/checkbox/radio

This commit is contained in:
linrz
2019-12-29 21:21:24 +08:00
committed by neverland
parent 7b905a6de8
commit f0815bc405
16 changed files with 209 additions and 8 deletions
+16
View File
@@ -37,6 +37,14 @@ export default {
<van-checkbox v-model="checked" disabled>复选框</van-checkbox>
```
### 禁用文本点击
通过设置`label-disabled`属性可以禁用复选框文本点击
```html
<van-checkbox v-model="checked" icon-disabled>复选框</van-checkbox>
```
### 自定义形状
将`shape`属性设置为`square`,复选框的形状会变成方形
@@ -53,6 +61,14 @@ export default {
<van-checkbox v-model="checked" checked-color="#07c160">复选框</van-checkbox>
```
### 自定义大小
通过`icon-size`属性可以自定义图标的大小
```html
<van-checkbox v-model="checked" icon-size="25px">复选框</van-checkbox>
```
### 自定义图标
通过 icon 插槽自定义图标,可以通过`slotProps`判断是否为选中状态