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; |