diff --git a/src/style/media.less b/src/style/media.less new file mode 100644 index 00000000..3721c5b8 --- /dev/null +++ b/src/style/media.less @@ -0,0 +1,38 @@ +@media (max-width: 992px){ + // 移动端样式覆盖 + .el-form-item {display: block;} + .el-form-item__label {display: block;text-align: left;padding: 0 0 10px;} + .el-dialog {width: 90%!important;} + .el-drawer.rtl {width: 90%!important;} + .el-form-item__content {margin-left: 0px!important;} + + .adminui-main { + .el-container {display: block;height:auto;} + .el-aside {width: 100%!important;border: 0} + } + .scTable { + .el-table, + .el-table__body-wrapper {display: block!important;height:auto!important;} + .scTable-page {padding: 0 5px!important;} + .el-pagination__total, + .el-pagination__jump, + .scTable-do {display: none!important;} + } + + .headerPublic { + height: auto!important;display: block; + .left-panel {overflow: auto;} + .left-panel::-webkit-scrollbar{display: none;} + .right-panel {display: block;border-top: 1px solid #ebeef5;margin-top: 15px;} + .right-panel .right-panel-search {display: block;} + .right-panel .right-panel-search >* {width: 100%;margin: 0;margin-top: 15px;} + } + .adminui-main > .el-container >*:first-child:not(.el-aside):not(.el-header) {border: 0;margin-top: 0;} + .adminui-main > .el-container >*:first-child:not(.el-aside):not(.el-header) + .el-aside {margin-top: 0;} + .adminui-main > .el-container > .el-aside {border-bottom: 1px solid #ebeef5!important;} + .adminui-main > .el-container > .el-container {border-top: 1px solid #ebeef5;border-bottom: 1px solid #ebeef5;margin-top: 15px;} + .adminui-main > .el-container > .el-header {.headerPublic;border-bottom: 1px solid #ebeef5;} + .adminui-main > .el-container > .el-main {border-top: 1px solid #ebeef5;border-bottom: 1px solid #ebeef5;margin-top: 15px;} + .adminui-main > .el-container > .el-main + .el-aside {border-left: 0!important;border-top: 1px solid #ebeef5;margin-top: 15px;} + .adminui-main > .el-container > .el-container > .el-header {.headerPublic} +} diff --git a/src/style/pages.less b/src/style/pages.less index 47dd6b7c..5ff7d179 100644 --- a/src/style/pages.less +++ b/src/style/pages.less @@ -14,11 +14,3 @@ .static-table {border-collapse: collapse;width: 100%;font-size: 14px;margin-bottom: 45px;line-height: 1.5em;} .static-table th {text-align: left;white-space: nowrap;color: #909399;font-weight: 400;border-bottom: 1px solid #dcdfe6;padding: 15px;max-width: 250px;} .static-table td {border-bottom: 1px solid #dcdfe6;padding: 15px;max-width: 250px;color: #606266;} - -@media (max-width: 992px){ - .el-form-item {display: block;} - .el-form-item__label {display: block;text-align: left;padding: 0 0 10px;} - .el-dialog {width: 90%!important;} - .el-drawer.rtl {width: 90%!important;} - .el-form-item__content {margin-left: 0px!important;} -} diff --git a/src/style/style.less b/src/style/style.less index 40ebf780..c25a4c60 100644 --- a/src/style/style.less +++ b/src/style/style.less @@ -4,4 +4,5 @@ @import 'app.less'; @import 'fix.less'; @import 'pages.less'; +@import 'media.less'; @import '~@/assets/font/scicon/iconfont.css'; diff --git a/src/views/template/list/index.vue b/src/views/template/list/index.vue index a90d0e6b..7bf85045 100644 --- a/src/views/template/list/index.vue +++ b/src/views/template/list/index.vue @@ -17,13 +17,15 @@ 推送至队列
- - 所有 - 未完成 (2) - 弃坑 (1) - 其他 - - +