<el-pagination
v-if="flag"
style="position: absolute;top: 70vh;width: 8rem;z-index: 4;text-align: center;"
class="point-dam-dailog"
:current-page="page"
:page-sizes="[5, 10, 15, 20]"
:page-size="size"
layout="total, prev, pager, next, jumper"
:total="totalElements"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
css
.point-dam-dailog {
/deep/ .el-pagination__jump {
color: #fff;
.el-input__inner {
color: #fff;
background-color: rgba(0, 0, 0, 0.1);
}
}
/deep/ .el-select .el-input .el-input__inner {
color: #fff;
background-color: rgba(0, 0, 0, 0.1);
}
/deep/ .btn-next {
color: #fff;
background-color: rgba(0, 0, 0, 0.1);
border: 1px solid #fff;
}
/deep/ .btn-prev {
color: #fff;
background-color: rgba(0, 0, 0, 0.1);
border: 1px solid #fff;
}
/deep/ .el-pager li {
color: #fff;
background-color: rgba(0, 0, 0, 0.1);
border: 1px solid #fff;
}
/deep/ .el-pagination__total {
color: #fff;
}
}