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

update Page style

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
examples/routers
page.vue
src/styles/components
page.less

10
examples/routers/page.vue
View file

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

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

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