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
+22
View File
@@ -44,6 +44,17 @@ export default {
</van-radio-group>
```
### 禁用文本点击
通过设置`label-disabled`属性可以禁用单选框文本点击
```html
<van-radio-group v-model="radio">
<van-radio name="1" icon-disabled>单选框 1</van-radio>
<van-radio name="2" icon-disabled>单选框 2</van-radio>
</van-radio-group>
```
### 自定义颜色
通过`checked-color`属性设置选中状态的图标颜色
@@ -55,6 +66,17 @@ export default {
</van-radio-group>
```
### 自定义大小
通过`icon-size`属性可以自定义图标的大小
```html
<van-radio-group v-model="radio">
<van-radio name="1">单选框 1</van-radio>
<van-radio name="2" icon-size="25px">单选框 2</van-radio>
</van-radio-group>
```
### 自定义图标
通过`icon`插槽自定义图标,并通过`slotProps`判断是否为选中状态