tj

src/components/Layouts/Map.vue

@@ -34,9 +34,9 @@
             },
             initMap(){
                 const map = L.map('map', {
-                    minZoom: 1,
+                    minZoom: 0.5,
                     maxZoom: 3,
-                    center: [0, 0],
+                    center: [30, 50],
                     zoom: 1,
                     crs: L.CRS.Simple
                 });
@@ -50,7 +50,7 @@
                     }
                     return yx(y, x)
                 }
-                var bounds = [xy(-200, -200), xy(300, 185)]
+                var bounds = [xy(-330, -255), xy(330, 255)]
                 /**添加图层 */
                     L.imageOverlay(mapUrl, bounds).addTo(map);
                     map.setMaxBounds(bounds);

src/components/Layouts/index.vue

@@ -74,7 +74,7 @@ export default {
         .map{
         // 2420.41*1868.11
             display: block;
-            width: 80vw;
+            width: 85vw;
             height: 86.49vh;
             margin: 0 auto;
             img{
@@ -85,6 +85,7 @@ export default {
         .map-card{
             padding:0.8vw;
             position: absolute;
+            z-index: 9999;
             box-sizing: border-box;
             background: linear-gradient( rgba(4, 58, 152, 0.2),rgba(4, 58, 152, 0.4));
             background-image: radial-gradient(
@@ -101,23 +102,26 @@ export default {
             }
             &.rb{
                min-width: 7.92%;
-               bottom:4.76vh;
-               right: 2%;
+               bottom:1vh;
+               right: 1%;
             }
             &.rt{
                top: 1.5vh; 
-               right: 2%;
+               right: 1%;
                min-width:13.33% ;
                .title{
                 color: #0075ff;
                }
+               .item{
+                    margin-top: 0.8vh !important;
+               }
             }
             .item{
                 position: relative;
                 color: #fff;
                 font-size: 1.5vh;
                 line-height: 1;
-                margin-top: 1.6vh;
+                margin-top: 1vh;
                 text-indent: 1.5vw;
                 display: flex;
                 justify-content: space-between;
@@ -132,11 +136,11 @@ export default {
                 }
                 .map-card-icon{
                     display: inline-block;
-                    height: 2vh;
+                    height: 4.2vh;
                     cursor: pointer;
                     transition: 0.5s;
                     &:hover{
-                        transform: scale(2.4);
+                        transform: scale(1.8);
                     }
                 }
                 &::before{