新增 地图遮罩层

src/views/transportationSafetyCenter.vue

@@ -2,30 +2,36 @@
   <div style="position: relative">
     <div id="bmap"></div>
     <ShipSearch
-      class="ship-search"
+      class="ship-search z20"
       style="position: absolute; top: 40px; right: 524px"
     ></ShipSearch>
     <NumberVue
+      class="z20"
       v-if="this.$store.state.currentTabText != '环境中心'"
       :data="arr"
       style="position: absolute; top: 0; left: 0"
     ></NumberVue>
     <SafetyModule
+      class="z20"
       v-if="this.$store.state.currentTabText == '运输安全管理中心'"
       style="position: absolute; top: 24px; right: 34px"
     ></SafetyModule>
     <IntelligentModule
+      class="z20"
       v-if="this.$store.state.currentTabText == '智能交易中心'"
       style="position: absolute; top: 24px; right: 34px"
     ></IntelligentModule>
     <EnvironmentalModule
+      class="z20"
       v-if="this.$store.state.currentTabText == '环境中心'"
       style="position: absolute; top: 24px; right: 34px"
     ></EnvironmentalModule>
     <Warning
+      class="z20"
       v-if="this.$store.state.currentTabText == '环境中心'"
       style="position: absolute; top: 40px; left: 20px; right: 744px"
     ></Warning>
+    <div class="mask"></div>
   </div>
 </template>
 
@@ -87,4 +93,16 @@ export default {
     color: #fff;
   }
 }
+
+.mask {
+  position: fixed;
+  top: 60px;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: url(/background.png);
+  background-size: contain;
+  z-index: 8;
+  pointer-events: none;
+}
 </style>