Commit e61c092eac1261be52856e9a46aadf8d17015571
1 parent
f7a436c0
update Page style
Showing
2 changed files
with
8 additions
and
3 deletions
Show diff stats
examples/routers/page.vue
1 | <template> | 1 | <template> |
2 | <div style="margin: 100px;"> | 2 | <div style="margin: 100px;"> |
3 | - <Page :total="100" show-sizer placement="top"></Page> | 3 | + <Page :total="100" :current="val" show-sizer placement="top"></Page> |
4 | </div> | 4 | </div> |
5 | </template> | 5 | </template> |
6 | <script> | 6 | <script> |
7 | export default { | 7 | export default { |
8 | - | 8 | + data () { |
9 | + return { | ||
10 | + val: 2 | ||
11 | + } | ||
12 | + } | ||
9 | } | 13 | } |
10 | </script> | 14 | </script> |
src/styles/components/page.less
@@ -24,7 +24,8 @@ | @@ -24,7 +24,8 @@ | ||
24 | font-family: Arial; | 24 | font-family: Arial; |
25 | border: 1px solid @border-color-base; | 25 | border: 1px solid @border-color-base; |
26 | border-radius: @btn-border-radius; | 26 | border-radius: @btn-border-radius; |
27 | - transition: all @transition-time @ease-in-out; | 27 | + //transition: all @transition-time @ease-in-out; |
28 | + transition: border @transition-time @ease-in-out, color @transition-time @ease-in-out; | ||
28 | 29 | ||
29 | a { | 30 | a { |
30 | margin: 0 6px; | 31 | margin: 0 6px; |