修改

src/components/main.vue

@@ -15,13 +15,13 @@
         min-width: 0;
         font-size:14px;
     }
-    .mainLeftMenu{
+    .mainContainer .mainLeftMenu{
         position: relative;
         display: flex;
         flex-direction: row;
         color:#fff;
     }
-    .leftMenu1{
+    .mainContainer .leftMenu1{
         background: #444444;
         cursor: pointer;
         width: 130px;
@@ -32,14 +32,14 @@
         -ms-user-select: none;
         user-select: none;
     }
-    .asideInner{
+    .mainContainer .asideInner{
         background: rgba(0, 0, 0, 0.15);
         padding: 6px 6px;
         width: 100%;
         border-radius: 3px;
         font-weight: bold;
     }
-    .aside-logo {
+    .mainContainer .aside-logo {
         height: 60px;
         background: #444444;
         color: #f2f2f2;
@@ -50,14 +50,14 @@
         display: flex;
         align-items: center;
     }
-    .leftUl li{
+    .mainContainer .leftUl li{
         list-style-type: none;
         display: block;
         height:60px;
         padding:10px;
         width:100%;
     }
-    .menu-item{
+    .mainContainer .menu-item{
         height: 60px;
         padding: 0 10px;
         display: flex;
@@ -67,7 +67,7 @@
         align-items: center;
         flex-direction: row;
     }
-    .vue-line-clamp{
+   .mainContainer .vue-line-clamp{
         word-break: break-all;
         -webkit-line-clamp: 1;
         display: -webkit-box;
@@ -76,16 +76,16 @@
         text-overflow: ellipsis;
         margin-left:5px;
     }
-    .menu-item:hover{
+    .mainContainer .menu-item:hover{
         color:#fff;
         background-color: #666666;
         cursor: pointer;
     }
-    .menuActive{
+    .mainContainer .menuActive{
         color: #000000!important;
         background: #ffffff!important;
     }
-    .leftMenu2{
+    .mainContainer .leftMenu2{
         border-right: 1px solid #E6E6E6;
         position: relative;
         width: 130px;
@@ -96,7 +96,7 @@
         -ms-user-select: none;
         user-select: none;
     }
-    .is-show-menu-1 {
+    .mainContainer .is-show-menu-1 {
         position: absolute;
         width: 14px;
         background: #F3F3F3;
@@ -107,7 +107,7 @@
         top: 17px;
         cursor: pointer;
     }
-    .menu-item-2-title{
+    .mainContainer .menu-item-2-title{
         width:100%;
         color: #909399;
         border-bottom: 1px solid #E6E6E6;
@@ -115,9 +115,6 @@
         height: 59px;
         line-height: 59px;
     }
-    /* .mainRightContent{
-
-    } */
     .leftMenu2 .el-submenu__title span{
         padding-left:20px;
     }
@@ -135,7 +132,7 @@
         background-color: transparent;
         color:#5DA8FC;
     }
-    .el-menu-item.is-active{
+    .mainContainer .el-menu-item.is-active{
         width: 100%;
         height: 100%;
         border-radius: 4px;
@@ -161,7 +158,7 @@
         cursor: pointer;
         z-index: 10;
     }
-    .isaa{
+    .mainContainer .isaa{
         width: 104px;
         height: 42px;
         line-height: 42px;
@@ -180,12 +177,12 @@
         padding: 0!important;
         text-align: center;
     }
-    .mainRightContent{
+    .mainContainer .mainRightContent{
         width:100%;
         height:100%;
         background-color: #f3f3f3;
     }
-    .mainRightTop{
+    .mainContainer .mainRightTop{
         width:100%;
         height:60px;
         background: #fff;
@@ -193,7 +190,7 @@
         justify-content: space-between;
         color:#909399;
     }
-    .mainRightLeft{
+    .mainContainer .mainRightLeft{
         width:110px;
         height:60px;
         line-height: 62px;
@@ -204,7 +201,7 @@
         position: relative;
         top:-2px;
     }
-    .marinRightList{
+    .mainContainer .marinRightList{
         display:flex;
         flex-wrap: wrap;
         align-items: center;
@@ -235,6 +232,11 @@
     .marinRightList ul li .el-dropdown>span{
         color:#909399;
     }
+    .mainContainer .main_routerPage{
+        padding:20px;
+        width:100%;
+        height:100%;
+    }
 </style>    
 <template>
     <div class="mainContainer">
@@ -343,7 +345,9 @@
                     </ul>
                 </div>
             </div>
-            <router-view/>
+            <div class="main_routerPage">
+                <router-view/>
+            </div>
         </div>
     </div>
 </template>
@@ -369,6 +373,7 @@
         //鼠标移入
         mouseOver(){
             this.showTwo=true;
+            this.isShowOne=false;
         },
         changeMenu: function() {
             this.$router.push({