修改页面布局

src/assets/styles/index.scss

@@ -24,6 +24,7 @@ html {
 
 #app {
   height: 100%;
+
 }
 
 *,

src/assets/styles/ruoyi.scss

@@ -118,9 +118,10 @@
 /** 表格布局 **/
 .pagination-container {
   position: relative;
-  height: 25px;
+  height: 49px;
   margin-bottom: 10px;
   margin-top: 15px;
+  background-color: transparent !important;
   padding: 10px 20px !important;
 }
 

src/components/TopNav/index.vue

@@ -6,7 +6,7 @@
     @select="handleSelect"
   >
     <template v-for="(item, index) in newTopNev">
-      <el-menu-item class="menuStyle" style="font-size: medium;background-color: #F6F6FA;border-top-right-radius: 30%;border-top-left-radius: 30%;text-align: center" :index="item.path" :key="index"
+      <el-menu-item class="menuStyle" style="font-size: small;background-color: #F6F6FA;border-top-right-radius: 9%;border-top-left-radius: 9%;text-align: center;margin-left: 1px" :index="item.path" :key="index"
       >
         <i :class="item.icon" style="width: 10px;height: 10px;margin-top: -12px"></i>
         {{ item.name }}</el-menu-item
@@ -232,6 +232,19 @@ export default {
 ::v-deep .el-submenu{
   height: 30px;
 }
+.el-menu--horizontal > .el-menu-item{
+  margin-top: 30px;
+  height: 40px;
+  line-height: 30px;
+}
+.el-menu--horizontal > .el-menu-item.is-active{
+  margin-top: 23px;
+}
+//.el-menu--horizontal > .el-menu-item.is-active{
+//  //margin-top: 30px;
+//  height: 60px;
+//  line-height: 30px;
+//}
 .el-menu-item.is-active{
   color: white !important;
   background-color: #0D8EEE !important;
@@ -244,7 +257,7 @@ export default {
 .el-menu--horizontal > .el-submenu{
   height: 10px;
 }
-.el-menu--horizontal > .el-submenu.is-active{
-  height: 80px;
-}
+//.el-menu--horizontal > .el-submenu.is-active{
+//  height: 80px;
+//}
 </style>

src/views/index.vue

 <template>
   <div class="app-container">
-    <div style="background-color: #F6F6FA" >
+    <div style="background-color: #F6F6FA;height: 95vh;" >
       <el-row :gutter="20">
         <!--部门数据-->
         <el-col :span="4" :xs="24">

src/views/system/user/index.vue

 <template>
   <div class="app-container">
-    <el-row :gutter="20">
+    <el-row :gutter="20" style="height: 100vh">
       <!--部门数据-->
       <el-col :span="4" :xs="24">
         <div class="head-container" v-if="false">