fix: 修复表格分页组件在移动端页面超出页面的问题
This commit is contained in:
parent
017ebf2f92
commit
675bd11fa9
@ -1,8 +1,23 @@
|
|||||||
/** 自定义 Element Plus 样式 */
|
/** 自定义 Element Plus 样式 */
|
||||||
|
|
||||||
|
// 表格
|
||||||
.el-table {
|
.el-table {
|
||||||
// 表头
|
// 表头
|
||||||
th.el-table__cell {
|
th.el-table__cell {
|
||||||
background-color: var(--el-fill-color-light) !important;
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@ -22,10 +22,13 @@
|
|||||||
height: 70px !important;
|
height: 70px !important;
|
||||||
padding: 0 20px !important;
|
padding: 0 20px !important;
|
||||||
&--wrapper {
|
&--wrapper {
|
||||||
@media screen and (max-width: 750px) {
|
// 参考 Bootstrap 的响应式设计 WIDTH = 768
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
.vxe-pager--total,
|
.vxe-pager--total,
|
||||||
.vxe-pager--sizes,
|
.vxe-pager--sizes,
|
||||||
.vxe-pager--jump {
|
.vxe-pager--jump,
|
||||||
|
.vxe-pager--jump-prev,
|
||||||
|
.vxe-pager--jump-next {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user