fix: 修复表格分页组件在移动端页面超出页面的问题
This commit is contained in:
parent
017ebf2f92
commit
675bd11fa9
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user