From cc27691c63eaa712b67e70937d74a25354746ef3 Mon Sep 17 00:00:00 2001
From: liyang <1711467488@qq.com>
Date: Mon, 18 Jun 2018 21:24:05 +0800
Subject: [PATCH] no message

Former-commit-id: fe46fb0206c8ea6d15663139bd90a1817d8fdc08 [formerly fe46fb0206c8ea6d15663139bd90a1817d8fdc08 [formerly fe46fb0206c8ea6d15663139bd90a1817d8fdc08 [formerly fe46fb0206c8ea6d15663139bd90a1817d8fdc08 [formerly e01f61adac026dd29444b3cdd1c33c44cae88ff6 [formerly 5a1eb146ef7e1d86af1b2bfa0e1b32daeabe9aa1]]]]]
Former-commit-id: eadaba48d8685b7f9eac4db3a6cacd293678184b
Former-commit-id: 8a929e4aa95d1a2cd6db04e69e489560417d0ecc
Former-commit-id: a4e3e9bde0550931f3915e829b4faad5421ba13b [formerly a5f5efc9e7c8ca190083629e072a499e81ee7fe9]
Former-commit-id: f0352c07bc46b0bf78765b2dd17b3b460b47f49c
Former-commit-id: db2c298a898799227f0e55e732c94663d860c1e6
Former-commit-id: b64f3984e4acd4c87310ec71d14fb5347543db87
Former-commit-id: 143dba586ebad09eeb226bb331e11577108ca0c8
Former-commit-id: 41ab3c6fda669388ee452ac1d5e623b3361b5ca8
---
 src/pages/demo/element/form-radio/index.vue | 98 ++++++++++++++++++++-
 1 file changed, 97 insertions(+), 1 deletion(-)

diff --git a/src/pages/demo/element/form-radio/index.vue b/src/pages/demo/element/form-radio/index.vue
index c2988d92..50f7a020 100644
--- a/src/pages/demo/element/form-radio/index.vue
+++ b/src/pages/demo/element/form-radio/index.vue
@@ -1,5 +1,101 @@
 <template>
   <d2-container>
-    radio
+    <el-row>
+      <el-col :span="12">
+
+        <h1 class="d2-mt-0">基础用法</h1>
+        <el-row>
+          <el-radio v-model="radio" label="1">备选项</el-radio>
+          <el-radio v-model="radio" label="2">备选项</el-radio>
+        </el-row>
+        
+        <h1>禁用状态</h1>
+        <el-row>
+          <el-radio disabled v-model="radio" label="1">备选项</el-radio>
+          <el-radio disabled v-model="radio" label="2">备选项</el-radio>
+        </el-row>
+
+        <h1>单选框组</h1>
+        <el-row>
+          <el-radio-group v-model="radio">
+            <el-radio label="1">备选项1</el-radio>
+            <el-radio label="2">备选项2</el-radio>
+            <el-radio label="3">备选项3</el-radio>
+          </el-radio-group>
+        </el-row>
+
+        <h1>带有边框</h1>
+        <div>
+          <el-radio v-model="radio" label="1" border>备选项1</el-radio>
+          <el-radio v-model="radio" label="2" border>备选项2</el-radio>
+        </div>
+        <div style="margin-top: 20px">
+          <el-radio v-model="radio" label="1" border size="medium">备选项1</el-radio>
+          <el-radio v-model="radio" label="2" border size="medium">备选项2</el-radio>
+        </div>
+        <div style="margin-top: 20px">
+          <el-radio-group v-model="radio" size="small">
+            <el-radio label="1" border>备选项1</el-radio>
+            <el-radio label="2" border disabled>备选项2</el-radio>
+          </el-radio-group>
+        </div>
+        <div style="margin-top: 20px">
+          <el-radio-group v-model="radio" size="mini" disabled>
+            <el-radio label="1" border>备选项1</el-radio>
+            <el-radio label="2" border>备选项2</el-radio>
+          </el-radio-group>
+        </div>
+
+      </el-col>
+      <el-col :span="12">
+
+        <h1>单选框组</h1>
+        <div>
+          <el-radio-group v-model="radio2">
+            <el-radio-button label="上海"></el-radio-button>
+            <el-radio-button label="北京"></el-radio-button>
+            <el-radio-button label="广州"></el-radio-button>
+            <el-radio-button label="深圳"></el-radio-button>
+          </el-radio-group>
+        </div>
+        <div style="margin-top: 20px">
+          <el-radio-group v-model="radio2" size="medium">
+            <el-radio-button label="上海" ></el-radio-button>
+            <el-radio-button label="北京"></el-radio-button>
+            <el-radio-button label="广州"></el-radio-button>
+            <el-radio-button label="深圳"></el-radio-button>
+          </el-radio-group>
+        </div>
+        <div style="margin-top: 20px">
+          <el-radio-group v-model="radio2" size="small">
+            <el-radio-button label="上海"></el-radio-button>
+            <el-radio-button label="北京" disabled ></el-radio-button>
+            <el-radio-button label="广州"></el-radio-button>
+            <el-radio-button label="深圳"></el-radio-button>
+          </el-radio-group>
+        </div>
+        <div style="margin-top: 20px">
+          <el-radio-group v-model="radio2" disabled size="mini">
+            <el-radio-button label="上海"></el-radio-button>
+            <el-radio-button label="北京"></el-radio-button>
+            <el-radio-button label="广州"></el-radio-button>
+            <el-radio-button label="深圳"></el-radio-button>
+          </el-radio-group>
+        </div>
+
+      </el-col>
+    </el-row>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      radio: '1',
+      radio2: '上海'
+    }
+  }
+}
+</script>
+