mirror of
https://github.com/element-plus/element-plus.git
synced 2024-11-21 01:02:59 +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>
|