lz修改透明度问题1-20230807

src/components/GMap.vue

@@ -22,6 +22,7 @@
     </div>
     <!-- 飞机OSD -->
     <div v-if="osdVisible.visible && !osdVisible.is_dock" class="osd-panel fz12">
+      <div style="opacity: 0.8;background: #000;">
         <div class="pl5 pr5 flex-align-center flex-row flex-justify-between" style="border-bottom: 1px solid #515151; height: 18%;">
           <span>{{ osdVisible.callsign }}</span>
           <span><a class="fz16" style="color: white;" @click="() => osdVisible.visible = false"><CloseOutlined /></a></span>
@@ -142,12 +143,16 @@
         <div class="fz14">
           <div @click="play()">直播视频</div>
         </div>
+      </div>
       <div class="live" v-if="showLive">
         <!-- <div>2222</div> -->
         <!-- <router-view :name="routeName" /> -->
         <LiveNewOthers></LiveNewOthers>
       </div>
     </div>
+    <!-- <div class="osd-panel2 fz12">
+
+    </div> -->
     <!-- 机场OSD -->
     <div v-if="osdVisible.visible && osdVisible.is_dock" class="osd-panel fz12">
       <div class="fz16 pl5 pr5 flex-align-center flex-row flex-justify-between" style="border-bottom: 1px solid #515151; height: 10%;">
@@ -902,10 +907,13 @@ export default defineComponent({
   left: 10px;
   top: 10px;
   width: 480px;
-  background: #000;
+  /* background: #000; */
   color: #fff;
   border-radius: 2px;
-  opacity: 0.8;
+  /* opacity: 0.8; */
+}
+.live{
+  background: #000;
 }
 .osd > div:not(.dock-control-panel) {
   margin-top: 5px;

src/hooks/use-g-map-cover.ts

@@ -94,7 +94,7 @@ export function useGMapCover () {
     // console.log(dis)
     store.state.Layers.forEach(item => {
       item.elements.forEach(item2 => {
-        if (item2.id == data.id) {
+        if (item2.id === data.id) {
           item2.around = dis
         }
       })
@@ -158,7 +158,7 @@ export function useGMapCover () {
     // console.log(store.state.Layers)
     store.state.Layers.forEach(item => {
       item.elements.forEach(item2 => {
-        if (item2.id == data.id) {
+        if (item2.id === data.id) {
           item2.area = area
           item2.around = around
         }