From f8c3640e5d29c1432c5c553f6a717847daba6e23 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Sun, 15 Sep 2019 10:16:38 +0800
Subject: [PATCH] update Checkbox size

---
 examples/routers/radio.vue       | 44 +++++++++++++++++++++++++++++++-
 src/styles/components/radio.less | 38 +++++++++++++--------------
 2 files changed, 62 insertions(+), 20 deletions(-)

diff --git a/examples/routers/radio.vue b/examples/routers/radio.vue
index 1fda34a7..1906dacf 100644
--- a/examples/routers/radio.vue
+++ b/examples/routers/radio.vue
@@ -6,7 +6,7 @@
         <br><br>
         <Radio-group v-model="phone">
             <Radio label="apple">
-                <Icon type="social-apple"></Icon>
+                <Icon type="logo-apple"></Icon>
                 <span>Apple</span>
             </Radio>
             <Radio label="android">
@@ -36,6 +36,48 @@
             <Radio label="深圳"></Radio>
             <Radio label="杭州"></Radio>
         </Radio-group>
+        <Divider></Divider>
+        <Radio-group v-model="phone" size="small">
+            <Radio label="apple">
+                <Icon type="logo-apple"></Icon>
+                <span>选项一</span>
+            </Radio>
+            <Radio label="android">
+                <Icon type="logo-android"></Icon>
+                <span>选项二</span>
+            </Radio>
+            <Radio label="windows">
+                <Icon type="logo-windows"></Icon>
+                <span>选项三</span>
+            </Radio>
+        </Radio-group>
+        <br><br>
+        <Radio-group v-model="phone" size="default">
+            <Radio label="apple">
+                <span>选项一</span>
+            </Radio>
+            <Radio label="android">
+                <span>选项二</span>
+            </Radio>
+            <Radio label="windows">
+                <span>选项三</span>
+            </Radio>
+        </Radio-group>
+        <br><br>
+        <Radio-group v-model="phone" size="large">
+            <Radio label="apple">
+                <Icon type="logo-apple"></Icon>
+                <span>选项一</span>
+            </Radio>
+            <Radio label="android">
+                <Icon type="logo-android"></Icon>
+                <span>选项二</span>
+            </Radio>
+            <Radio label="windows">
+                <Icon type="logo-windows"></Icon>
+                <span>选项三</span>
+            </Radio>
+        </Radio-group>
     </div>
 </template>
 <script>
diff --git a/src/styles/components/radio.less b/src/styles/components/radio.less
index c14a085f..e806e171 100644
--- a/src/styles/components/radio.less
+++ b/src/styles/components/radio.less
@@ -10,7 +10,7 @@
 
 .@{radio-group-prefix-cls} {
     display: inline-block;
-    font-size: @font-size-small;
+    font-size: @font-size-base;
     vertical-align: middle;
     //outline: none;
     &-vertical{
@@ -24,7 +24,7 @@
 
 // 普通状态 - Normal state
 .@{radio-prefix-cls}-wrapper {
-    font-size: @font-size-small;
+    font-size: @font-size-base;
     vertical-align: middle;
     display: inline-block;
     position: relative;
@@ -53,8 +53,8 @@
     }
     &-inner {
         display: inline-block;
-        width: 14px;
-        height: 14px;
+        width: 16px;
+        height: 16px;
         position: relative;
         top: 0;
         left: 0;
@@ -65,8 +65,8 @@
 
         &:after {
             position: absolute;
-            width: 8px;
-            height: 8px;
+            width: 10px;
+            height: 10px;
             left: 2px;
             top: 2px;
             border-radius: @border-radius-base;
@@ -81,26 +81,26 @@
         }
     }
     &-large{
-        font-size: @font-size-base;
+        font-size: @font-size-large;
         & .@{radio-inner-prefix-cls}{
-            width: 16px;
-            height: 16px;
+            width: 18px;
+            height: 18px;
             &:after{
-                width: 10px;
-                height: 10px;
+                width: 12px;
+                height: 12px;
             }
         }
         &.@{radio-prefix-cls}-wrapper, & .@{radio-prefix-cls}-wrapper{
-            font-size: @font-size-base;
+            font-size: @font-size-large;
         }
     }
     &-small{
         & .@{radio-inner-prefix-cls}{
-            width: 12px;
-            height: 12px;
+            width: 14px;
+            height: 14px;
             &:after{
-                width: 6px;
-                height: 6px;
+                width: 8px;
+                height: 8px;
             }
         }
     }
@@ -179,7 +179,7 @@ span.@{radio-prefix-cls} + * {
         line-height: @btn-circle-size - 2px;
         margin: 0;
         padding: 0 16px - 1px;
-        font-size: @font-size-small;
+        font-size: @font-size-base;
         color: @btn-default-color;
         transition: all @transition-time ease-in-out;
         cursor: pointer;
@@ -317,7 +317,7 @@ span.@{radio-prefix-cls} + * {
 .@{radio-group-button-prefix-cls}.@{radio-group-prefix-cls}-large .@{radio-prefix-cls}-wrapper{
     height: @btn-circle-size-large;
     line-height: @btn-circle-size-large - 2px;
-    font-size: @font-size-base;
+    font-size: @font-size-large;
     &:after{
         height: @btn-circle-size-large + 4px;
     }
@@ -327,7 +327,7 @@ span.@{radio-prefix-cls} + * {
     height: @btn-circle-size-small;
     line-height: @btn-circle-size-small - 2px;
     padding: 0 12px;
-    font-size: @font-size-small;
+    font-size: @font-size-base;
 
     &:after{
         height: @btn-circle-size-small + 4px;