drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update Page style #1252

Browse source
This commit is contained in:
Aresn 2017-06-30 17:44:25 +08:00
parent c0478e27cf
commit 5f78b0a662
2 changed files with 19 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
examples/routers/page.vue
View file

@ -1,14 +1,8 @@
<template> <template>
<div style="margin: 100px;"> <Page :total="100" show-sizer show-elevator show-total></Page>
<Page :total="100" :current="val" show-sizer placement="top"></Page>
</div>
</template> </template>
<script> <script>
export default { export default {
data () {
return {
val: 2
}
}
} }
</script> </script>

24
src/styles/components/page.less
View file

@ -11,7 +11,9 @@
} }
&-item { &-item {
float: left; display: inline-block;
//float: left;
vertical-align: middle;
min-width: @btn-circle-size; min-width: @btn-circle-size;
height: @btn-circle-size; height: @btn-circle-size;
line-height: @btn-circle-size - 2px; line-height: @btn-circle-size - 2px;
@ -104,7 +106,8 @@
&-item-jump-prev, &-item-jump-prev,
&-item-jump-next { &-item-jump-next {
display: inline-block; display: inline-block;
float: left; vertical-align: middle;
//float: left;
min-width: @btn-circle-size; min-width: @btn-circle-size;
height: @btn-circle-size; height: @btn-circle-size;
line-height: @btn-circle-size - 2px; line-height: @btn-circle-size - 2px;
@ -151,15 +154,20 @@
} }
&-options { &-options {
float: left; display: inline-block;
vertical-align: middle;
//float: left;
margin-left: 15px; margin-left: 15px;
&-sizer { &-sizer {
float: left; display: inline-block;
//float: left;
margin-right: 10px; margin-right: 10px;
} }
&-elevator { &-elevator {
float: left; display: inline-block;
vertical-align: middle;
//float: left;
height: @btn-circle-size; height: @btn-circle-size;
line-height: @btn-circle-size; line-height: @btn-circle-size;
@ -173,7 +181,8 @@
} }
&-total { &-total {
float: left; display: inline-block;
//float: left;
height: @btn-circle-size; height: @btn-circle-size;
line-height: @btn-circle-size; line-height: @btn-circle-size;
margin-right: 10px; margin-right: 10px;
@ -189,7 +198,8 @@
} }
&-simple &-simple-pager { &-simple &-simple-pager {
float: left; display: inline-block;
//float: left;
margin-right: 8px; margin-right: 8px;
input { input {