From 5235ba42be91340b180a301066b9cb4f45cdebce Mon Sep 17 00:00:00 2001
From: cookfront <cookfront@gmail.com>
Date: Tue, 28 Feb 2017 16:50:09 +0800
Subject: [PATCH] radio component

---
 docs/examples-docs/radio.md      | 21 +++++++++++++++++++++
 packages/cell/src/cell.vue       |  5 ++++-
 packages/zanui-css/src/cell.css  |  4 ++++
 packages/zanui-css/src/radio.css |  4 ++--
 4 files changed, 31 insertions(+), 3 deletions(-)

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 {
 </script>
 ```
 
+### 与Cell组件一起使用
+
+```html
+<z-radio-group v-model="radio4">
+  <z-cell-group>
+    <z-cell><z-radio name="1">单选框1</z-radio></z-cell>
+    <z-cell><z-radio name="2">单选框2</z-radio></z-cell>
+  </z-cell-group>
+</z-radio-group>
+
+<script>
+export default {
+  data() {
+    return {
+      radio4: '1'
+    }
+  }
+};
+</script>
+```
+
 ### 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 @@
         <span class="z-cell__label" v-if="label" v-text="label"></span>
       </slot>
     </div>
-    <div class="z-cell__value" :class="{ 'is-link' : isLink }">
+    <div class="z-cell__value" :class="{
+      'is-link': isLink,
+      'is-alone': !title && !label
+    }">
       <slot>
         <span v-text="value"></span>
       </slot>
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 {