第一个是修改后,第二个是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,
})