去除滚动条

test/src/views/banMange/index.vue

@@ -115,7 +115,7 @@
       
     </el-card>
 
-    <el-card style="width:93%;margin:10px auto;" v-if="phoneList.length === 0 ? true : false">暂无数据</el-card>
+    <el-card id="noData" style="width:93%;margin:10px auto;" v-if="phoneList.length === 0 ? true : false">暂无数据</el-card>
 
 
     <div class="load-bottom">
@@ -413,6 +413,9 @@ export default {
   .load-bottom {
     display: none;
   }
+  #noData {
+    display: none;
+  }
   .right-top {
     // width: 100%;
     // width: calc(100vw - 146px);

test/src/views/home/index.vue

@@ -172,7 +172,7 @@
 
       <!-- pc样式表格区域 -->
       <div class="table-container">
-        <el-table ref="multipleTable" :data="jiashuzu" style="width: 100%">
+        <el-table ref="multipleTable" :data="jiashuzu" style="width: 100%;">
           <el-table-column label="序号" min-width="5%" align="center">
             <template slot-scope="scope">
               {{ scope.$index + 1 + (page - 1) * page_size }}

test/src/views/layout/LayOut.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- 整个页面的布局结构 -->
 
-<div class="container">
+  <div class="container">
     <!-- 头部区域 -->
     <NavBar></NavBar>
 
@@ -12,29 +12,28 @@
       <!-- 右侧 -->
       <AppMain></AppMain>
     </el-container>
-</div>
+  </div>
 </template>
 
 <script>
-import NavBar from '../layout/components/NavBar.vue'
-import LeftAside from '../layout/components/LeftAside.vue'
-import AppMain from '../layout/components/AppMain.vue'
+import NavBar from "../layout/components/NavBar.vue";
+import LeftAside from "../layout/components/LeftAside.vue";
+import AppMain from "../layout/components/AppMain.vue";
 export default {
-  name: 'LayOut',
+  name: "LayOut",
   // 需要渲染的组件
   components: {
     NavBar,
     LeftAside,
-    AppMain
+    AppMain,
   },
-  data () {
-    return {}
+  data() {
+    return {};
   },
-  methods: {}
-}
+  methods: {},
+};
 </script>
 <style scoped>
-
 /* .el-aside {
   background-color: #d3dce6;
   color: #333;
@@ -42,7 +41,7 @@ export default {
   line-height: 200px;
 } */
 
-  /* body > .el-container {
+/* body > .el-container {
     margin-bottom: 40px;
   } */
 /* pc样式 */
@@ -51,8 +50,15 @@ export default {
     /* border: 1px solid red; */
     min-width: 1291px;
   }
-}
 
+  .el-scrollbar__thumb {
+    display: none;
+  }
+  .el-scrollbar__wrap {
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+}
 
 @media screen and (min-width: 320px) and (max-width: 992px) {
   .el-container {
@@ -63,9 +69,5 @@ export default {
   NavBar {
     border: 1px solid red;
   }
-
-  
 }
-
-  
 </style>

test/src/views/layout/components/AppMain.vue

@@ -15,16 +15,24 @@ export default {
 
 <style scoped>
 .el-main {
-  
+ 
   width: calc(100vw - 106px);
   height: calc(100vh - 60px);
-  padding: 0;
+  padding: 0;  
+  
 }
+@media screen and (min-width: 992px) {
+  .el-main {
+    overflow: hidden;
+  }
+}
+
 
 @media screen and (min-width: 320px) and (max-width: 992px) {
   .el-main {
     /* border: 1px solid red; */
     width: 100%;
+  
   }
 
   .el-message-box__btns {