Browse Source

地图的放大缩小

zhaojijng 3 years ago
parent
commit
cfc76d76be

+ 12 - 1
src/assets/css/map.less

@@ -1,6 +1,17 @@
+.spinnclass {
+  height: calc(100% - 285px);
+}
+
+:global {
+  .ant-spin-container {
+    height: 100%;
+  }
+}
+
 .mapwrap {
   position: relative;
-  height: calc(100% - 285px);
+  // height: calc(100% - 285px);
+  height: 100%;
   overflow: hidden;
   .mapControl {
     position: absolute;

+ 1 - 1
src/pages/Environment/index.tsx

@@ -260,7 +260,7 @@ const Environment: React.FC = () => {
           })}
         </div>
       </div>
-      <Spin spinning={loading}>
+      <Spin spinning={loading} wrapperClassName={mapstyles.spinnclass}>
         <Map
           type={'enviroment'}
           mapList={mapCombineList}

+ 1 - 1
src/pages/Equipment/index.tsx

@@ -371,7 +371,7 @@ const Environment: React.FC = () => {
           </div>
         )}
       </div>
-      <Spin spinning={loading}>
+      <Spin spinning={loading} wrapperClassName={mapstyles.spinnclass}>
         {mapCombineList.length > 0 && (
           <Map
             mapList={mapCombineList}

+ 1 - 1
src/pages/Runtime/index.tsx

@@ -182,7 +182,7 @@ const Runtime: React.FC = () => {
                 <div className={mapstyles.name}>Jozy Zone</div>
               </div>
             </div> */}
-      <Spin spinning={loading}>
+      <Spin spinning={loading} wrapperClassName={mapstyles.spinnclass}>
         <Map
           mapList={mapCombineList}
           mapSize={mapSize}