css bug

pages/main/index.vue

@@ -24,7 +24,7 @@ export default {
 <style scoped>
 #main {
   display: flex;
-  height: 100vh;
+  height: calc(100vh - 70px);
   padding: 10px;
 }
 .main-content {

pages/main/index/cats.vue

@@ -1,5 +1,5 @@
 <template>
-  <section id="cert-check" class>
+  <section id="cert-check">
     <div class="table cats cats-boxs">
       <header>
         <el-form :inline="true" :model="queryForm" class="form-inline">
@@ -207,7 +207,8 @@
         </div>
       </div>
     </div>
-    <div class>
+
+    <div>
       <el-pagination
         background
         @current-change="changePagination"
@@ -333,7 +334,7 @@ export default {
     async getTableData() {
       let body = { page: this.currentPage, page_size: this.currentPageSize };
       const res = await this.$post("/api/admin/cert/getUserList", body);
-      data = res.data;
+      var data = res.data;
       env = data.current_env;
     },
     clickUID(uid) {
@@ -608,4 +609,24 @@ export default {
   // height: calc(100% - 200px);
   // overflow: auto;
 }
+.clear::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+.inlineb {
+  display: inline-block;
+}
+.floatl {
+  float: left;
+}
+.floatr {
+  float: right;
+}
+.table {
+  height: calc(100% - 40px);
+}
+#main {
+  // height: calc(100vh - 200px) !important;
+}
 </style>