fix:修复无法滚动

h5-enginex-manager/package.json

@@ -30,7 +30,7 @@
 		"less": "^4.1.1",
 		"less-loader": "^5.0.0",
 		"mavon-editor": "^2.6.17", 
-		"node-sass": "^4.14.1",
+    "sass": "^1.58.0",
 		"vue": "^2.6.10",
 		"vue-codemirror": "^4.0.6",
 		"vue-cropperjs": "^3.0.0",

h5-enginex-manager/src/assets/css/main.css

@@ -37,6 +37,7 @@ a {
     width: auto;
     height: 100%;
     padding: 10px;
+    overflow-y: scroll;
     /* overflow-y: scroll; */
     box-sizing: border-box;
 }
@@ -178,7 +179,6 @@ a {
 
 .content-wrapper{
     width: 100%;
-    height: 100%;
     background: #fff;
     border-radius: 4px;
     padding: 21px;  

h5-enginex-manager/src/components/page/systemManagement/resourceManagement.vue

@@ -9,39 +9,20 @@
 			</el-row>
 		</div>
 		<div class="tab-wrapper">
-
-			<!-- <el-tabs v-model="tabs" @tab-click="pager.pageNum=1;getlist()">
-				<el-tab-pane label="EngineX" name="EngineX"></el-tab-pane>
-				<el-tab-pane label="DataX" name="DataX"></el-tab-pane>
-			</el-tabs> -->
-
 			<div v-loading="loading">
 				<el-table border ref="multipleTable" :data="dataList" tooltip-effect="dark" style="width: 100%"
 					@selection-change="handleSelectionChange">
-					<el-table-column type="selection" width="55">
+					<el-table-column type="selection" width="55" />
-					</el-table-column>
+					<el-table-column prop="code" width="200" label="资源编号" />
-
+					<el-table-column prop="name" label="名称" width="" show-overflow-tooltip />
-					<el-table-column prop="code" width="200" label="资源编号">
+					<el-table-column prop="url" label="路径" width="" show-overflow-tooltip />
-					</el-table-column>
+					<el-table-column prop="icon" label="图标" width="" show-overflow-tooltip />
-
+					<el-table-column prop="sort" label="排序" width="" show-overflow-tooltip />
-					<el-table-column prop="name" label="名称" width="" show-overflow-tooltip>
-					</el-table-column>
-
-					<el-table-column prop="url" label="路径" width="" show-overflow-tooltip>
-					</el-table-column>
-
-					<el-table-column prop="icon" label="图标" width="" show-overflow-tooltip>
-					</el-table-column>
-
-					<el-table-column prop="sort" label="排序" width="" show-overflow-tooltip>
-					</el-table-column>
-
 					<el-table-column prop="birth" label="创建时间" width="" show-overflow-tooltip>
 						<template slot-scope="scope">
 							{{scope.row.birth|formatDate}}
 						</template>
 					</el-table-column>
-
 					<el-table-column label="操作" align="center" size="s">
 						<template slot-scope="scope">
 							<el-tooltip content="编辑" placement="left">

h5-enginex-manager/src/styles/index.scss

@@ -1,8 +1,9 @@
-@import './variables.scss';
+
-@import './mixin.scss';
+@use './mixin.scss';
-@import './transition.scss';
+@use './transition.scss';
-@import './element-ui.scss';
+@use './element-ui.scss';
-@import './sidebar.scss';
+@use './variables.scss';
+@use './sidebar.scss';
 
 body {
   -moz-osx-font-smoothing: grayscale;

h5-enginex-manager/src/styles/sidebar.scss

@@ -1,3 +1,5 @@
+@use './variables.scss';
+
 #app {
 
   // 主体区域
@@ -69,9 +71,9 @@
   .sidebar-container .nest-menu .el-submenu>.el-submenu__title,
   .sidebar-container .el-submenu .el-menu-item {
     min-width: 180px !important;
-    background-color: $subMenuBg !important;
+    background-color: variables.$subMenuBg !important;
     &:hover {
-      background-color: $menuHover !important;
+      background-color: variables.$menuHover !important;
     }
   }
   .el-menu--collapse .el-menu .el-submenu {