Element-UI Pagination 分页

<div class="block">
  <span class="demonstration">页数较少时的效果</span>
  <el-pagination
  	  #小型分页
 	  small
  	  #设置背景
  	  background
  	  #当前页数
  	 :current-page="currentPage1"
  	# 超过多少页会显示成    ...
    :pager-count="11"
    #表示四个选项，每页显示 100 个，200 个，300 个或者 400 个。
    :page-sizes="[100, 200, 300, 400]"
    # page_size 每页的数量
    :page-size="20"
    #prev表示上一页，next为下一页，pager表示页码列表，加total
    layout="prev, pager, next"
    # total 表示总的数据量
    #只有一页是否隐藏
    hide-on-single-page=‘true'
    :total="50">
  </el-pagination>
</div>

layout中加total

layout中加sizes

layout中加jumper

背景色修改参考
https://blog.csdn.net/qq_34169240/article/details/105636909?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1.control