diff --git a/packages/radio/en-US.md b/packages/radio/en-US.md
index fd7c14c60..6dabcf0f7 100644
--- a/packages/radio/en-US.md
+++ b/packages/radio/en-US.md
@@ -61,6 +61,7 @@ export default {
| name | Radio name | `any` | - |
| disabled | Whether to disable radio | `Boolean` | `false` |
| label-disabled | Whether to disable label click | `Boolean` | `false` |
+| label-position | Can be set to `left` | `String` | `right` |
### RadioGroup API
diff --git a/packages/radio/index.vue b/packages/radio/index.vue
index a22408e80..e1fd03bdd 100644
--- a/packages/radio/index.vue
+++ b/packages/radio/index.vue
@@ -10,7 +10,7 @@
>
-
+
@@ -29,7 +29,8 @@ export default create({
name: null,
value: null,
disabled: Boolean,
- labelDisabled: Boolean
+ labelDisabled: Boolean,
+ labelPosition: Boolean
},
computed: {
diff --git a/packages/radio/zh-CN.md b/packages/radio/zh-CN.md
index 0048f29c9..5f7be14b3 100644
--- a/packages/radio/zh-CN.md
+++ b/packages/radio/zh-CN.md
@@ -63,6 +63,7 @@ export default {
| name | 标识 Radio 名称 | 任意类型 | - |
| disabled | 是否为禁用状态 | `Boolean` | `false` |
| label-disabled | 是否禁用文本内容点击 | `Boolean` | `false` |
+| label-position | 文本位置,可选值为 `left` | `String` | `right` |
### RadioGroup API
diff --git a/packages/vant-css/src/radio.css b/packages/vant-css/src/radio.css
index b372fa940..8905b1b9c 100644
--- a/packages/vant-css/src/radio.css
+++ b/packages/vant-css/src/radio.css
@@ -30,9 +30,15 @@ $van-radio-size: 20px;
&__label {
line-height: $van-radio-size;
margin-left: 10px;
+
+ &--left {
+ float: left;
+ margin: 0 10px 0 0;
+ }
}
.van-icon {
+ width: 1em;
pointer-events: none;
font-size: $van-radio-size;
}