Merge branch 'dev' into next

This commit is contained in:
chenjiahan
2020-09-28 11:46:26 +08:00
72 changed files with 259 additions and 243 deletions
+3 -3
View File
@@ -15,7 +15,7 @@ app.use(RadioGroup);
### Basic Usage
Use `v-model` to bind the name of checked radio
Use `v-model` to bind the name of checked radio.
```html
<van-radio-group v-model="radio">
@@ -102,8 +102,8 @@ Use icon slot to custom icon
<style>
.img-icon {
height: 20px;
}</style
>>
}
</style>
```
```js
+9 -9
View File
@@ -15,7 +15,7 @@ app.use(RadioGroup);
### 基础用法
通过`v-model`绑定值当前选中项的 name
通过 `v-model` 绑定值当前选中项的 name
```html
<van-radio-group v-model="radio">
@@ -36,7 +36,7 @@ export default {
### 水平排列
`direction`属性设置为`horizontal`后,单选框组会变成水平排列
`direction` 属性设置为 `horizontal` 后,单选框组会变成水平排列
```html
<van-radio-group v-model="radio" direction="horizontal">
@@ -47,7 +47,7 @@ export default {
### 禁用状态
通过`disabled`属性禁止选项切换,在`Radio`上设置`disabled`可以禁用单个选项
通过 `disabled` 属性禁止选项切换,在 `Radio` 上设置 `disabled` 可以禁用单个选项
```html
<van-radio-group v-model="radio" disabled>
@@ -58,7 +58,7 @@ export default {
### 自定义形状
`shape`属性设置为`square`,单选框的形状会变成方形
`shape` 属性设置为 `square`,单选框的形状会变成方形
```html
<van-radio-group v-model="radio">
@@ -69,7 +69,7 @@ export default {
### 自定义颜色
通过`checked-color`属性设置选中状态的图标颜色
通过 `checked-color` 属性设置选中状态的图标颜色
```html
<van-radio-group v-model="radio">
@@ -80,7 +80,7 @@ export default {
### 自定义大小
通过`icon-size`属性可以自定义图标的大小
通过 `icon-size` 属性可以自定义图标的大小
```html
<van-radio-group v-model="radio">
@@ -91,7 +91,7 @@ export default {
### 自定义图标
通过`icon`插槽自定义图标,并通过`slotProps`判断是否为选中状态
通过 `icon` 插槽自定义图标,并通过 `slotProps` 判断是否为选中状态
```html
<van-radio-group v-model="radio">
@@ -130,7 +130,7 @@ export default {
### 禁用文本点击
设置`label-disabled`属性后,点击图标以外的内容不会触发单选框切换
设置 `label-disabled` 属性后,点击图标以外的内容不会触发单选框切换
```html
<van-radio-group v-model="radio">
@@ -141,7 +141,7 @@ export default {
### 与 Cell 组件一起使用
此时你需要再引入`Cell``CellGroup`组件
此时你需要再引入 `Cell``CellGroup` 组件
```html
<van-radio-group v-model="radio">