标题样式

src/views/map3d.vue

@@ -102,7 +102,7 @@
 import { getRouters } from "@/api/menu";
 export default {
   name: "app",
-  components: {  },
+  components: {},
   data() {
     return {
       menu_left: [],
@@ -446,16 +446,15 @@ export default {
 
 .el-menu-demo {
   border: none !important;
-  height: 5%;
+  height: -2vh;
   background-color: transparent;
   position: relative;
   background-color: rgba(4, 16, 36, 0) !important;
   position: fixed;
-  left: 9.3rem;
-
+  left: 3vw;
   top: 1rem;
   font-weight: 700;
-
+  margin-left: 4vw;
   .el-menu--horizontal>.el-menu-item.is-active,
   .el-menu-item.is-active,
   .el-submenu.is-active {
@@ -470,7 +469,7 @@ export default {
   height: 5%;
   background-color: transparent;
   position: fixed;
-  right: 16.9rem;
+  right: 14.5vw;
   top: 1.1rem;
   background-color: rgba(4, 16, 36, 0) !important;
   font-weight: 700;
@@ -486,7 +485,7 @@ export default {
     color: white;
     width: 120px;
     // margin-right: -1.2rem;
-    margin-right: 1rem;
+    margin-right: -0.8vw;
   }
 
   .el-menu-item:hover {
@@ -517,7 +516,7 @@ export default {
   border: none;
   color: white;
   width: 120px;
-  margin-right: 1rem;
+  margin-right: -1vw;
 }
 
 .el-menu-item:hover {
@@ -537,7 +536,7 @@ export default {
   border: none;
   color: white;
   width: 120px;
-  margin-right: 1rem;
+  margin-right: -1rem;
 }
 
 .el-menu--popup .el-submenu {