代码上传

src/components/newLayout/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="panel">
     <div class="flex-align-stretch">
       <asideTemp style="width:160px;height:100vh;" @getModules="getModules"></asideTemp>
       <div style="flex:1;" class="body__panel">
@@ -47,6 +47,10 @@ export default {
 
 </script>
 <style>
+.panel{
+  background: url("../../assets/wallhaven-0pq8gm.jpeg") no-repeat;
+  background-size: cover;
+}
 .el-menu{
   border-right:0
 }

src/components/newLayout/modules/aside.vue

@@ -92,7 +92,7 @@ export default {
   padding-left:30px !important;
 }
 .aside__panel .el-menu-item:hover{
-  background-color: rgba(255 ,255,255,1) !important;
+  background-color: rgba(255 ,255,255,.5) !important;
   border-radius: 0 40px 40px 0;
   color:#333 !important;
 }
@@ -106,7 +106,7 @@ export default {
 </style>
 <style scoped>
 .is-active{
-  background-color: rgba(255 ,255,255,1) !important;
+  background-color: rgba(255 ,255,255,.5) !important;
   border-radius: 0 40px 40px 0;
   color:#333 !important;
   box-shadow: 0 15px 30px rgb(0 0 0 / 10%);

src/components/newLayout/modules/menu.vue

@@ -74,6 +74,10 @@ export default {
 
 </script>
 <style>
+.el-menu--popup{
+  padding: 0 10px;
+  min-width: 50px;
+}
 </style>
 <style scoped>
 .shadow{

src/style/style.css

@@ -11,8 +11,7 @@
 }
 body{
   color: #333333;
-  background: url("../assets/wallhaven-0pq8gm.jpeg") no-repeat;
-  background-size: cover;
+ 
 
 }