【update】 组件button样式优化; 房产模板地图显示优化; review by songym

Author: xiongjiaojiao

examples/component/components_estateMonitoringPlatform_vue.html

@@ -207,15 +207,13 @@
                     );
                     return { ...mergeData, showMap: false };
                 },
-                mounted() {
-                    console.log(this.showMap);
+                beforeMount() {
                     let screenWidth = document.body.clientWidth;
                     if (screenWidth <= 540) {
                         this.showMap = false;
                     } else {
                         this.showMap = true;
                     }
-                    console.log(this.showMap);
                     SuperMap.Components.setTheme({
                         background: 'transparent',
                         textColor: '#fff',

examples/component/components_layerManager_vue.html

@@ -17,6 +17,9 @@
                 width: 100%;
                 height: 100%;
             }
+            .sm-component-layer-manager .sm-component-tree {
+                font-size: 12px;
+            }
         </style>
     </head>
 

examples/component/components_query_vue.html

@@ -15,6 +15,9 @@
       width: 100%;
       height: 100%;
     }
+    .mapboxgl-ctrl button:not(:disabled):hover {
+        background-color: #269ff0;
+    }
   </style>
 </head>
 

examples/component/components_tianditu_home_vue.html

@@ -61,6 +61,10 @@
         width: 100%;
         height: calc(100% - 63px);
       }
+
+      .mapboxgl-ctrl button:not(:disabled):hover {
+        background-color: #269ff0;
+      }
     </style>
   </head>
 

examples/component/components_tianditu_route_vue.html

@@ -14,6 +14,9 @@
         width: 100%;
         height: 100%;
       }
+      .mapboxgl-ctrl button:not(:disabled):hover {
+        background-color: #269ff0;
+      }
     </style>
   </head>
 

examples/component/components_zoom_vue.html

@@ -15,6 +15,9 @@
         width: 100%;
         height: 100%;
     }
+    .mapboxgl-ctrl button:not(:disabled):hover {
+        background-color: transparent;
+    }
   </style>
 </head>