element-plus分页background设置

第一个是修改后，第二个是element-plus默认。

.home ::v-deep .el-pagination.is-background .btn-next,
.home ::v-deep .el-pagination.is-background .btn-prev,
.home ::v-deep .el-pagination.is-background .el-pager li:not(.disabled) {
  /* 进行修改未选中背景和字体 */
  background-color: #fff;
  font: regular 14px none;
  color: rgba(0, 0, 0, 0.85);
  border: 1px solid;
}
/*这是选中上一页或者下一页
 .home /deep/ .el-pagination.is-background .btn-next:disabled,
.home /deep/ .el-pagination.is-background .btn-prev:disabled*/
.home ::v-deep .el-pagination.is-background .el-pager li:not(.is-disabled).is-active {
  /* 进行修改选中背景和字体 */
  background-color: green;
  color: #fff;
}

分页默认英文，官网国际化有解释。

//改成中文
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
app.use(ElementPlus, {
  locale: zhCn,
})