update Page style

examples/main.js

@@ -6,8 +6,8 @@ import Vue from 'vue';
 import VueRouter from 'vue-router';
 import App from './app.vue';
 import iView from '../src/index';
-import locale from '../src/locale/lang/en-US';
-// import locale from '../src/locale/lang/zh-CN';
+// import locale from '../src/locale/lang/en-US';
+import locale from '../src/locale/lang/zh-CN';
 
 Vue.use(VueRouter);
 Vue.use(iView, { locale });

examples/routers/page.vue

@@ -24,6 +24,14 @@
         <div style="margin:10px 0px">
             <Page :total="500" show-sizer transfer ></Page>
         </div>
+        <div style="margin: 10px 0px">
+            <Page :total="40" size="small"></Page>
+            <br><br>
+            <Page :total="40" size="small" show-elevator show-sizer></Page>
+            <br><br>
+            <Page :total="40" size="small" show-total></Page>
+            <br><br>
+        </div>
     </div>
 </template>
 <script>

src/styles/components/page.less

@@ -24,6 +24,7 @@
         user-select: none;
         cursor: pointer;
         font-family: Arial;
+        font-weight: 500;
         border: 1px solid @border-color-base;
         border-radius: @btn-border-radius;
         //transition: all @transition-time @ease-in-out;
@@ -44,11 +45,10 @@
         }
 
         &-active {
-            background-color: @primary-color;
             border-color: @primary-color;
 
             a, &:hover a {
-                color: #fff;
+                color: @primary-color;
             }
         }
     }
@@ -89,7 +89,7 @@
     }
 
     &-prev{
-        margin-right: 8px;
+        margin-right: 4px;
     }
 
     &-item-jump-prev,
@@ -97,10 +97,6 @@
         margin-right: 4px;
     }
 
-    &-next{
-        margin-left: 4px;
-    }
-
     &-prev,
     &-next,
     &-item-jump-prev,
@@ -120,6 +116,10 @@
         border-radius: @btn-border-radius;
         transition: all @transition-time @ease-in-out;
     }
+    &-item-jump-prev,
+    &-item-jump-next{
+        border-color: transparent;
+    }
 
     &-prev,
     &-next {

src/styles/components/switch.less

@@ -163,7 +163,7 @@
             color: #ccc;
         }
     }
-    
+
 }
 
 @keyframes switch-loading {