فهرست منبع

'图例横屏样式修改'

zhangyu 4 سال پیش
والد
کامیت
a8a5f1e68c
2فایلهای تغییر یافته به همراه60 افزوده شده و 0 حذف شده
  1. 30 0
      src/views/overview/MapOther.vue
  2. 30 0
      src/views/overview/MapView.vue

+ 30 - 0
src/views/overview/MapOther.vue

@@ -559,6 +559,8 @@ export default {
     top: 46px;
     width: 100%;
     height: auto;
+    max-height: calc(100% - 46px);
+    overflow-y: auto;
     padding: 16px 10px 0;
     z-index: 99;
     background: #FFFFFF;
@@ -626,6 +628,34 @@ export default {
   .map-view {
     /deep/ .van-nav-bar {
       height: 40px;
+      /deep/ .van-nav-bar__title {
+        font-size: 12px;
+      }
+      /deep/ .van-nav-bar__right {
+        font-size: 10px;
+      }
+    }
+    .legendBox {
+      top: 40px;
+      max-height: calc(100% - 40px);
+      overflow-y: auto;
+      padding: 10px 8px 0;
+      .legend-list {
+        .legend-item {
+          padding: 0 5px;
+          height: 20px;
+          font-size: 10px;
+          line-height: 20px;
+          margin: 0 3px 5px;
+            img {
+              max-width: 12px;
+              max-height: 12px;
+            }
+        }
+      }
+      .legend-close {
+        margin: 7px auto 5px;
+      }
     }
     #bind-map-content {
       .bind-floor-list {

+ 30 - 0
src/views/overview/MapView.vue

@@ -555,6 +555,8 @@ export default {
     top: 46px;
     width: 100%;
     height: auto;
+    max-height: calc(100% - 46px);
+    overflow-y: auto;
     padding: 16px 10px 0;
     z-index: 99;
     background: #FFFFFF;
@@ -622,6 +624,34 @@ export default {
   .map-view {
     /deep/ .van-nav-bar {
       height: 40px;
+      /deep/ .van-nav-bar__title {
+        font-size: 12px;
+      }
+      /deep/ .van-nav-bar__right {
+        font-size: 10px;
+      }
+    }
+    .legendBox {
+      top: 40px;
+      max-height: calc(100% - 40px);
+      overflow-y: auto;
+      padding: 10px 8px 0;
+      .legend-list {
+        .legend-item {
+          padding: 0 5px;
+          height: 20px;
+          font-size: 10px;
+          line-height: 20px;
+          margin: 0 3px 5px;
+            img {
+              max-width: 12px;
+              max-height: 12px;
+            }
+        }
+      }
+      .legend-close {
+        margin: 7px auto 5px;
+      }
     }
     #bind-map-content {
       .bind-floor-list {