<el-pagination
small
background
layout="prev, pager, next"
:total="count"
v-model:current-page="tableParams.pageNo"
v-model:page-size="tableParams.pageSize"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
/* 修改前后箭头未点击时的背景颜色 */
:deep .el-pagination .btn-prev,
:deep .el-pagination .btn-next {
background-color: #0e3a90 !important;
}
/* 修改未点击时的数字方块背景颜色 */
:deep .el-pagination .el-pager li:not(.active):not(.disabled):hover {
background-color: #75fbff !important;
}
/* 未点击时的数字方块背景颜色 */
:deep .el-pagination .el-pager li:not(.active):not(.disabled) {
background-color: #0e3a90 !important;
color: #75fbff;
}
:deep(.el-pagination.is-background .el-pager li:not(.is-disabled).is-active) {
background-color: #75fbff !important; //修改默认的背景色
color: #01133c;
}
最后样式