/* 手机浏览器：只在窄屏生效，桌面端样式保持原样 */
|
@media only screen and (max-width: 768px) {
|
html,
|
body {
|
-webkit-text-size-adjust: 100%;
|
}
|
|
.el-scrollbar__wrap {
|
-webkit-overflow-scrolling: touch;
|
}
|
|
/* 避免 iOS 聚焦输入框时自动放大页面 */
|
.el-form .el-input__inner,
|
.el-form .el-textarea__inner,
|
.el-form .el-select__wrapper,
|
.el-form .el-input__wrapper input {
|
font-size: 16px;
|
}
|
|
.el-dialog:not(.is-fullscreen) {
|
width: calc(100vw - 24px) !important;
|
max-width: calc(100vw - 24px);
|
margin: 12px auto !important;
|
}
|
|
.el-drawer {
|
width: min(100vw, 420px) !important;
|
max-width: 100vw;
|
}
|
|
.el-dialog__body,
|
.cl-dialog .el-dialog__body {
|
max-height: calc(100dvh - 140px);
|
overflow: auto;
|
}
|
|
.cl-search,
|
.cl-form,
|
.el-dialog,
|
.el-drawer {
|
.el-form--inline {
|
.el-form-item {
|
display: flex;
|
margin-right: 0;
|
width: 100%;
|
}
|
|
.el-form-item__content {
|
flex: 1;
|
min-width: 0;
|
}
|
}
|
|
.el-date-editor.el-input,
|
.el-date-editor--daterange,
|
.el-date-editor--datetimerange,
|
.el-select,
|
.el-cascader,
|
.el-input-number {
|
width: 100% !important;
|
max-width: 100%;
|
box-sizing: border-box;
|
}
|
}
|
|
.cl-form .el-col,
|
.el-dialog .el-form .el-col,
|
.cl-search .el-col {
|
flex: 0 0 100%;
|
max-width: 100%;
|
}
|
|
.cl-search,
|
.cl-search-key,
|
.cl-search-key__wrap,
|
.cl-filter {
|
width: 100%;
|
max-width: 100%;
|
}
|
|
.cl-filter {
|
margin-left: 0;
|
margin-right: 0;
|
}
|
|
.cl-pagination.el-pagination {
|
flex-wrap: wrap;
|
justify-content: center;
|
row-gap: 8px;
|
padding-bottom: 4px;
|
}
|
|
.el-pagination__sizes,
|
.el-pagination__jump {
|
display: none !important;
|
}
|
|
.cl-table,
|
.el-table {
|
max-width: 100%;
|
}
|
|
.el-table .cell {
|
word-break: break-word;
|
}
|
|
.el-message-box {
|
width: calc(100vw - 32px) !important;
|
}
|
|
.el-picker__popper,
|
.el-select__popper {
|
max-width: calc(100vw - 16px);
|
}
|
|
.el-date-range-picker {
|
width: calc(100vw - 16px) !important;
|
max-width: calc(100vw - 16px);
|
|
.el-picker-panel__body {
|
min-width: 0 !important;
|
display: flex;
|
flex-direction: column;
|
}
|
|
.el-date-range-picker__content {
|
width: 100%;
|
padding: 8px;
|
}
|
}
|
|
.el-dropdown__popper,
|
.el-popover.el-popper {
|
max-width: calc(100vw - 16px);
|
}
|
|
/* 所有业务页：限制在屏幕内，内容区自己滚动 */
|
.app-views,
|
.app-views > * {
|
max-width: 100%;
|
min-width: 0;
|
}
|
|
.cl-crud {
|
max-width: 100%;
|
}
|
|
.cl-crud > .cl-row {
|
flex-wrap: wrap;
|
row-gap: 8px;
|
max-width: 100%;
|
}
|
|
.cl-crud > .cl-row > * {
|
max-width: 100%;
|
}
|
|
.cl-crud > .cl-row > .cl-flex1 {
|
flex: 1 1 100%;
|
width: 100%;
|
height: 0;
|
margin: 0;
|
}
|
|
.cl-filter {
|
flex: 1 1 100%;
|
width: 100%;
|
max-width: 100%;
|
margin: 0;
|
box-sizing: border-box;
|
|
.el-select,
|
.el-date-editor,
|
.el-input {
|
flex: 1;
|
width: 100% !important;
|
min-width: 0 !important;
|
}
|
}
|
|
.cl-adv-search,
|
.cl-search.is-inline,
|
.cl-search-key {
|
flex: 1 1 100%;
|
}
|
|
.el-table {
|
width: 100% !important;
|
}
|
|
.el-table__header-wrapper,
|
.el-table__body-wrapper,
|
.el-scrollbar__wrap {
|
max-width: 100%;
|
}
|
|
.el-descriptions__label,
|
.el-descriptions__content {
|
word-break: break-word;
|
}
|
|
.el-tabs__nav-scroll {
|
overflow-x: auto;
|
}
|
|
.el-dialog:not(.is-fullscreen),
|
.cl-dialog:not(.is-fullscreen) {
|
max-height: calc(100dvh - 24px);
|
}
|
|
.cl-dialog__container,
|
.cl-dialog .el-scrollbar {
|
max-height: calc(100dvh - 132px) !important;
|
}
|
|
.w-e-toolbar,
|
.cl-editor-wang {
|
max-width: 100%;
|
overflow-x: auto;
|
}
|
|
.cl-view-group__right .head .title {
|
max-width: calc(100vw - 120px);
|
padding: 0 36px;
|
text-overflow: ellipsis;
|
}
|
|
.error-page__code {
|
font-size: 72px;
|
}
|
|
.plugins__header {
|
flex-wrap: wrap;
|
gap: 8px;
|
|
.search {
|
width: 100% !important;
|
}
|
}
|
|
.cl-upload-space-inner__header {
|
flex-wrap: wrap;
|
height: auto;
|
min-height: 50px;
|
padding: 8px 10px;
|
gap: 8px;
|
}
|
|
.cl-upload-space-inner__file-item {
|
width: calc(50% - 10px) !important;
|
padding-top: calc(50% - 10px) !important;
|
}
|
}
|
