mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-14 01:11:25 +08:00
20 lines
572 B
Vue
20 lines
572 B
Vue
|
<template>
|
||
|
<div class="example-pagination-block">
|
||
|
<div class="example-demonstration">When you have few pages</div>
|
||
|
<el-pagination layout="prev, pager, next" :total="50" />
|
||
|
</div>
|
||
|
<div class="example-pagination-block">
|
||
|
<div class="example-demonstration">When you have more than 7 pages</div>
|
||
|
<el-pagination layout="prev, pager, next" :total="1000" />
|
||
|
</div>
|
||
|
</template>
|
||
|
|
||
|
<style scoped>
|
||
|
.example-pagination-block + .example-pagination-block {
|
||
|
margin-top: 10px;
|
||
|
}
|
||
|
.example-pagination-block .example-demonstration {
|
||
|
margin-bottom: 16px;
|
||
|
}
|
||
|
</style>
|