diff --git a/docs/examples-docs/radio.md b/docs/examples-docs/radio.md
index 665cfa7a0..b3f1a8304 100644
--- a/docs/examples-docs/radio.md
+++ b/docs/examples-docs/radio.md
@@ -63,6 +63,27 @@ export default {
```
+### 与Cell组件一起使用
+
+```html
+
+
+ 单选框1
+ 单选框2
+
+
+
+
+```
+
### Radio API
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
diff --git a/packages/cell/src/cell.vue b/packages/cell/src/cell.vue
index 0b1e72c15..6585e8131 100644
--- a/packages/cell/src/cell.vue
+++ b/packages/cell/src/cell.vue
@@ -9,7 +9,10 @@
-
+
diff --git a/packages/zanui-css/src/cell.css b/packages/zanui-css/src/cell.css
index de643840a..b1b73d42e 100644
--- a/packages/zanui-css/src/cell.css
+++ b/packages/zanui-css/src/cell.css
@@ -52,6 +52,10 @@
@when link {
margin-right: 20px;
}
+
+ @when alone {
+ float: left;
+ }
}
.zui-icon-arrow {
diff --git a/packages/zanui-css/src/radio.css b/packages/zanui-css/src/radio.css
index c01344a52..f29c20cd1 100644
--- a/packages/zanui-css/src/radio.css
+++ b/packages/zanui-css/src/radio.css
@@ -2,8 +2,6 @@
@component-namespace z {
@b radio {
- margin: 10px 0;
-
@when disabled {
.zui-icon {
color: #d1dbe5;
@@ -33,6 +31,8 @@
.zui-icon {
font-size: 22px;
line-height: 1;
+ position: relative;
+ top: 1px;
}
.zui-icon-checked {