修改elementUI“分页组件”的默认样式

你的名字 2024-04-18 04:36 142阅读 0赞

效果图
在这里插入图片描述

  1. <!-- 分页 -->
  2. <div class="pager-box">
  3.   <el-pagination small background layout="prev, pager, next" :total="totalDataCount" :current-page="pageInfo.page" :page-size="pageInfo.limit" @size-change="handleSizeChange" @current-change="handleCurrentChange">
  4.   </el-pagination>
  5. </div>
  7. /*重写element样式*/
  8. .pager-box >>> button, .pager-box >>> .el-pager li{ 
  9.   background-color: transparent !important;
  10.   color: #B4C2DC !important;
  11.   border: 1px solid #0672C4;
  12. }
  13. .pager-box >>> .el-pagination.is-background .el-pager li:not(.disabled).active { 
  14.   background-color: #0672C4 !important;
  15. }

发表评论

表情：
评论列表 （有 0 条评论，142人围观）

还没有评论，来说两句吧...

相关阅读