样式隔离

Web/src/components/onLineDevice/components/InfoModal.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-drag-window class="content">
+  <div v-drag-window class="content infoModal-content">
     <div class="content-title">
       <div class="drag-title">
         <span>{{ osdInfo.callsign }}</span>
@@ -558,51 +558,53 @@ const onStop = async () => {
 </style>
 
 <style lang="scss">
-// 修改按钮样式
-.ant-btn {
-  color: #FFFFFF;
-  background: transparent;
-  border: 1px solid #535759;
+.infoModal-content {
 
-  &:hover {
-    color: #fff;
-    background-color: transparent;
-    border-color: #535759;
-  }
+  // 修改按钮样式
+  .ant-btn {
+    color: #FFFFFF;
+    background: transparent;
+    border: 1px solid #535759;
 
-  &:focus {
-    color: #fff;
-    background-color: transparent;
-    border-color: #535759;
-  }
-}
+    &:hover {
+      color: #fff;
+      background-color: transparent;
+      border-color: #535759;
+    }
 
-.ant-select-selector {
-  color: #FFFFFF;
-  background: transparent !important;
-  border: 1px solid #535759 !important;
+    &:focus {
+      color: #fff;
+      background-color: transparent;
+      border-color: #535759;
+    }
+  }
 
-  box-shadow: none !important;
-}
+  .ant-select-selector {
+    color: #FFFFFF;
+    background: transparent !important;
+    border: 1px solid #535759 !important;
+    box-shadow: none !important;
+  }
 
-.ant-select-arrow {
-  color: #fff;
-}
+  .ant-select-arrow {
+    color: #fff;
+  }
 
-.ant-select-dropdown {
-  background-color: transparent;
+  .ant-select-dropdown {
+    background-color: transparent;
 
-  .ant-select-item {
-    background-color: #000000 !important;
-    color: #fff;
+    .ant-select-item {
+      background-color: #000000 !important;
+      color: #fff;
 
-    &:hover {
-      background-color: #4a4a4a !important;
+      &:hover {
+        background-color: #4a4a4a !important;
+      }
     }
-  }
 
-  .ant-select-item-option-selected {
-    background-color: #3a3a3a;
+    .ant-select-item-option-selected {
+      background-color: #3a3a3a;
+    }
   }
 }
 </style>