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 @@