From 5f78b0a662d0ec61bd8052161b3c25027513195d Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Fri, 30 Jun 2017 17:44:25 +0800
Subject: [PATCH] update Page style #1252

---
 examples/routers/page.vue       | 10 ++--------
 src/styles/components/page.less | 24 +++++++++++++++++-------
 2 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/examples/routers/page.vue b/examples/routers/page.vue
index fd93b5c..3c9dda1 100644
--- a/examples/routers/page.vue
+++ b/examples/routers/page.vue
@@ -1,14 +1,8 @@
 <template>
-    <div style="margin: 100px;">
-        <Page :total="100" :current="val" show-sizer placement="top"></Page>
-    </div>
+    <Page :total="100" show-sizer show-elevator show-total></Page>
 </template>
 <script>
     export default {
-        data () {
-            return {
-                val: 2
-            }
-        }
+
     }
 </script>
diff --git a/src/styles/components/page.less b/src/styles/components/page.less
index 5032f90..8a598e3 100644
--- a/src/styles/components/page.less
+++ b/src/styles/components/page.less
@@ -11,7 +11,9 @@
     }
 
     &-item {
-        float: left;
+        display: inline-block;
+        //float: left;
+        vertical-align: middle;
         min-width: @btn-circle-size;
         height: @btn-circle-size;
         line-height: @btn-circle-size - 2px;
@@ -104,7 +106,8 @@
     &-item-jump-prev,
     &-item-jump-next {
         display: inline-block;
-        float: left;
+        vertical-align: middle;
+        //float: left;
         min-width: @btn-circle-size;
         height: @btn-circle-size;
         line-height: @btn-circle-size - 2px;
@@ -151,15 +154,20 @@
     }
 
     &-options {
-        float: left;
+        display: inline-block;
+        vertical-align: middle;
+        //float: left;
         margin-left: 15px;
         &-sizer {
-            float: left;
+            display: inline-block;
+            //float: left;
             margin-right: 10px;
         }
 
         &-elevator {
-            float: left;
+            display: inline-block;
+            vertical-align: middle;
+            //float: left;
             height: @btn-circle-size;
             line-height: @btn-circle-size;
 
@@ -173,7 +181,8 @@
     }
 
     &-total {
-        float: left;
+        display: inline-block;
+        //float: left;
         height: @btn-circle-size;
         line-height: @btn-circle-size;
         margin-right: 10px;
@@ -189,7 +198,8 @@
     }
 
     &-simple &-simple-pager {
-        float: left;
+        display: inline-block;
+        //float: left;
         margin-right: 8px;
 
         input {
--
libgit2 0.21.4