diff --git a/examples/routers/page.vue b/examples/routers/page.vue
index 670e89e..fd93b5c 100644
--- a/examples/routers/page.vue
+++ b/examples/routers/page.vue
@@ -1,10 +1,14 @@
 <template>
     <div style="margin: 100px;">
-        <Page :total="100" show-sizer placement="top"></Page>
+        <Page :total="100" :current="val" show-sizer placement="top"></Page>
     </div>
 </template>
 <script>
     export default {
-
+        data () {
+            return {
+                val: 2
+            }
+        }
     }
 </script>
diff --git a/src/styles/components/page.less b/src/styles/components/page.less
index 0070918..5032f90 100644
--- a/src/styles/components/page.less
+++ b/src/styles/components/page.less
@@ -24,7 +24,8 @@
         font-family: Arial;
         border: 1px solid @border-color-base;
         border-radius: @btn-border-radius;
-        transition: all @transition-time @ease-in-out;
+        //transition: all @transition-time @ease-in-out;
+        transition: border @transition-time @ease-in-out, color @transition-time @ease-in-out;
 
         a {
             margin: 0 6px;
--
libgit2 0.21.4