fix: 修复表格分页组件在移动端页面超出页面的问题

This commit is contained in:
pany 2022-11-02 17:16:01 +08:00
parent 017ebf2f92
commit 675bd11fa9
2 changed files with 20 additions and 2 deletions

View File

@ -1,8 +1,23 @@
/** 自定义 Element Plus 样式 */
// 表格
.el-table {
// 表头
th.el-table__cell {
background-color: var(--el-fill-color-light) !important;
}
}
// 分页
.el-pagination {
// 参考 Bootstrap 的响应式设计 WIDTH = 768
@media screen and (max-width: 768px) {
.el-pagination__total,
.el-pagination__sizes,
.el-pagination__jump,
.btn-prev,
.btn-next {
display: none !important;
}
}
}

View File

@ -22,10 +22,13 @@
height: 70px !important;
padding: 0 20px !important;
&--wrapper {
@media screen and (max-width: 750px) {
// 参考 Bootstrap 的响应式设计 WIDTH = 768
@media screen and (max-width: 768px) {
.vxe-pager--total,
.vxe-pager--sizes,
.vxe-pager--jump {
.vxe-pager--jump,
.vxe-pager--jump-prev,
.vxe-pager--jump-next {
display: none !important;
}
}