blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

[Improvement] Checkbox: add label-position prop (#1394)

Browse Source
This commit is contained in:
neverland 2018-07-04 00:42:58 +08:00 committed by GitHub
parent 4fd891ac29
commit 60fcfd4d46
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/checkbox/en-US.md
View File

@ -93,10 +93,11 @@ export default {
| Attribute | Description | Type | Default |
|-----------|-----------|-----------|-------------|
| v-model | Check status | `Boolean` | `false` |
| name | Checkbox name | `any` | - |
| v-model | Check status | `Boolean` | `false` |
| disabled | Diable checkbox | `Boolean` | `false` |
| label-disabled | Whether to disable label click | `Boolean` | `false` |
| label-position | Can be set to `left` | `String` | `right` |
| shape | Can be set to `round` `square` | `String` | `round` |
### CheckboxGroup API

3
packages/checkbox/index.vue
View File

@ -10,7 +10,7 @@
}]"
@click="onClick"
/>
<span v-if="$slots.default" :class="b('label')" @click="onClick('label')">
<span v-if="$slots.default" :class="b('label', labelPosition)" @click="onClick('label')">
<slot />
</span>
</div>
@ -29,6 +29,7 @@ export default create({
name: null,
value: null,
disabled: Boolean,
labelPosition: String,
labelDisabled: {
type: Boolean,
default: false

3
packages/checkbox/zh-CN.md
View File

@ -97,10 +97,11 @@ export default {
| 参数 | 说明 | 类型 | 默认值 |
|-----------|-----------|-----------|-------------|
| v-model | 是否为选中状态 | `Boolean` | `false` |
| name | 标识 Checkbox 名称 | `any` | - |
| v-model | 是否为选中状态 | `Boolean` | `false` |
| disabled | 是否禁用单选框 | `Boolean` | `false` |
| label-disabled | 是否禁用单选框内容点击 | `Boolean` | `false` |
| label-position | 文本位置，可选值为 `left` | `String` | `right` |
| shape | 形状，可选值为 `round` `square` | `String` | `round` |
### CheckboxGroup API

5
packages/vant-css/src/checkbox.css
View File

@ -25,6 +25,11 @@ $van-checkbox-size: 20px;
&__label {
margin-left: 10px;
&--left {
float: left;
margin: 0 10px 0 0;
}
}
&--round {