From bfeab68fc24cb4b6e75abc31f805124e43ad217d Mon Sep 17 00:00:00 2001
From: 梁灏 <admin@aresn.com>
Date: Tue, 26 Jun 2018 10:50:47 +0800
Subject: [PATCH] update Button Icon style

---
 examples/routers/button.vue   |  4 ++++
 src/styles/mixins/button.less |  9 +++++++++
 2 files changed, 13 insertions(+), 0 deletions(-)

diff --git a/examples/routers/button.vue b/examples/routers/button.vue
index 2a15e85..c66e7fd 100644
--- a/examples/routers/button.vue
+++ b/examples/routers/button.vue
@@ -1,5 +1,9 @@
 <template>
     <div>
+        <Button type="primary" icon="ios-information-circle" size="small">Search</Button>
+        <Button type="primary" icon="ios-information-circle" size="default">Search</Button>
+        <Button type="primary" icon="ios-information-circle" size="large">Search</Button>
+        <br><br><br>
         <Button to="/menu" @click="hc">Open Menu</Button>
         <Button to="/menu" replace>Open Menu Replace</Button>
         <Button to="//iviewui.com" target="_blank">Open iView</Button>
diff --git a/src/styles/mixins/button.less b/src/styles/mixins/button.less
index 5303afb..04bbdd8 100644
--- a/src/styles/mixins/button.less
+++ b/src/styles/mixins/button.less
@@ -139,6 +139,15 @@
 
     > .@{css-prefix-iconfont} {
         line-height: 1;
+        vertical-align: middle;
+    }
+
+    &-icon-only > .@{css-prefix-iconfont}{
+        vertical-align: baseline;
+    }
+
+    > span{
+        vertical-align: middle;
     }
 
     &,
--
libgit2 0.21.4