菜单样式调整

src/views/map3d.vue

@@ -83,7 +83,7 @@
       <router-view ref="routeViewRef"></router-view>
     </div>
     <sm-viewer @viewerChange="viewerChange" :isdefaultbig="true"> </sm-viewer>
-     <!-- <div class="masking_top">
+    <!-- <div class="masking_top">
       <div class="top_left"></div>
       <div class="top_right"></div>
     </div>
@@ -282,17 +282,17 @@ export default {
   height: calc(100% - 60px);
   top: 60px;
 }
+
 .bg_top {
   width: 100%;
   height: 70px;
   position: absolute;
   z-index: 100;
-  background: linear-gradient(
-    to bottom ,
-    rgba(6, 37, 66, 1),
-    rgba(26, 28, 53, 0)
-  );
+  background: linear-gradient(to bottom,
+      rgba(6, 37, 66, 1),
+      rgba(26, 28, 53, 0));
 }
+
 .header {
   height: 60px;
   position: fixed;
@@ -545,6 +545,14 @@ export default {
 
 .el-menu--popup .el-submenu {
   width: 100% !important;
+
+  margin-top: 10px;
+
+}
+
+.el-menu--popup li {
+  margin-top: 10px;
+
 }
 
 .el-submenu:hover {
@@ -583,4 +591,15 @@ export default {
   border: none !important;
   text-align: center !important;
 }
+
+/deep/ .el-submenu__icon-arrow {
+  position: absolute;
+  right: 50px;
+}
 </style>
+<style>
+.el-menu--popup {
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0) !important;
+
+}
+</style>