From 49f71082703a22996bc77ac444ad4bfc2453ab2e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Mon, 23 Sep 2019 11:35:54 +0800
Subject: [PATCH] update Icon style

---
 examples/routers/button.vue                   | 33 +++++++++++++++++++
 .../common/iconfont/_ionicons-font.less       |  7 ++--
 2 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/examples/routers/button.vue b/examples/routers/button.vue
index 6677652b..159eb347 100644
--- a/examples/routers/button.vue
+++ b/examples/routers/button.vue
@@ -277,10 +277,43 @@
         <Button icon="md-alert">
             左右图标
         </Button>
+        <Divider></Divider>
+        <div>
+            <RadioGroup v-model="buttonSize" type="button">
+                <Radio label="large">Large</Radio>
+                <Radio label="default">Default</Radio>
+                <Radio label="small">small</Radio>
+            </RadioGroup>
+            <br><br>
+            <Button :size="buttonSize" type="primary">Primary</Button>
+            <Button :size="buttonSize" type="default">Default</Button>
+            <Button :size="buttonSize" type="dashed">Dashed</Button>
+            <Button :size="buttonSize" type="text">Text</Button>
+            <br><br>
+            <Button :size="buttonSize" icon="md-download" type="primary" shape="circle"></Button>
+            <Button :size="buttonSize" icon="md-download" type="primary">Download</Button>
+            <br><br>
+            <ButtonGroup :size="buttonSize">
+                <Button :size="buttonSize" type="primary">
+                    <Icon type="ios-arrow-back" />
+                    Backward
+                </Button>
+                <Button :size="buttonSize" type="primary">
+                    Forward
+                    <Icon type="ios-arrow-forward" />
+                </Button>
+            </ButtonGroup>
+        </div>
+        <Divider></Divider>
     </div>
 </template>
 <script>
     export default {
+        data () {
+            return {
+                buttonSize: 'large'
+            }
+        },
         methods: {
             hc (data) {
                 console.log(data);
diff --git a/src/styles/common/iconfont/_ionicons-font.less b/src/styles/common/iconfont/_ionicons-font.less
index bc660a1c..25f935a6 100755
--- a/src/styles/common/iconfont/_ionicons-font.less
+++ b/src/styles/common/iconfont/_ionicons-font.less
@@ -19,13 +19,14 @@
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
-    text-rendering: auto;
+    text-rendering: optimizeLegibility;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-    vertical-align: middle;
+    vertical-align: -0.125em;
+    text-align: center;
 }
 
 .ivu-icon {
     .ivu-icon();
-}
\ No newline at end of file
+}