46 lines
1.5 KiB
Vue
46 lines
1.5 KiB
Vue
<template>
|
|
<div>
|
|
<Page :total="total" show-sizer show-elevator show-total transfer :current.sync="current"></Page>
|
|
{{ current }}
|
|
<Button type="primary" @click="subject">- 1</Button>
|
|
<Button type="primary" @click="change">Change</Button>
|
|
<Page :current="2" :total="50" simple></Page>
|
|
|
|
<div style="margin:10px 0px">
|
|
<Page :total="1000" show-sizer show-elevator show-total transfer :current="12"></Page>
|
|
</div>
|
|
<div style="margin:10px 0px">
|
|
<Page :total="1000" show-sizer show-elevator show-total transfer :current="12"></Page>
|
|
</div>
|
|
<div style="margin:100px 0px">
|
|
<Page :total="500" show-sizer show-elevator show-total transfer ></Page>
|
|
</div>
|
|
<div style="margin:100px 0px">
|
|
<Page :total="500" show-sizer show-elevator transfer ></Page>
|
|
</div>
|
|
<div style="margin:100px 0px">
|
|
<Page :total="500" show-sizer show-elevator transfer ></Page>
|
|
</div>
|
|
<div style="margin:10px 0px">
|
|
<Page :total="500" show-sizer transfer ></Page>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {
|
|
current: 1,
|
|
total: 21
|
|
}
|
|
},
|
|
methods: {
|
|
subject() {
|
|
this.total -= 1;
|
|
},
|
|
change() {
|
|
this.current = 1;
|
|
}
|
|
}
|
|
}
|
|
</script>
|