[Fix 0000]下拉选择框样式修改

src/views/vent/home/configurable/belt/components/customHeader-belt.vue

@@ -196,13 +196,33 @@ const handleTitleChange = (value: string) => {
     }
   }
 
+  .container-title {
+    width: 380px;
+    height: 34px;
+    left: 20px;
+    background: var(--image-select-bg) no-repeat;
+    background-size: contain;
+    padding: 0 0 0 20px;
+    font-size: 20px;
+    pointer-events: auto;
+    position: relative;
+    z-index: 9999;
+    top: 70px;
+
+    .title-select {
+      width: 340px;
+      position: absolute;
+      top: 0;
+    }
+  }
+
   .nav {
     width: 100%;
     position: fixed;
     top: 0;
     display: flex;
-    left: 15px;
-    gap: 20px;
+    left: 20px;
+    gap: 30px;
     top: 15px;
     pointer-events: auto;
 
@@ -237,92 +257,13 @@ const handleTitleChange = (value: string) => {
     .zxm-select-selection-item {
       color: #fff !important;
       font-size: 20px;
-      pointer-events: auto;
-      position: relative;
-      z-index: 9999;
-      top: 70px;
-
-      .title-select {
-        width: 340px;
-        position: absolute;
-        top: 0;
-      }
-    }
-
-    .nav {
-      width: 100%;
-      position: fixed;
-      top: 0;
-      display: flex;
-      left: 20px;
-      gap: 30px;
-      top: 15px;
-      pointer-events: auto;
-
-      .nav-item {
-        flex: 1;
-        max-width: 120px;
-        height: 35px;
-        line-height: 35px;
-        padding: 0;
-        box-sizing: border-box;
-        padding-bottom: 10px;
-        text-align: center;
-        background: url('/@/assets/images/beltFire/titleNav.png') no-repeat center center;
-        background-size: 100% 90%;
-        cursor: pointer;
-        color: #fff;
-      }
-      .nav-item.active {
-        background: url('/@/assets/images/beltFire/titleNavActive.png') no-repeat center center !important;
-        background-size: 100% 190% !important;
-      }
-    }
-
-    .history-nav {
-      position: fixed;
-      top: 15px;
-      right: 230px;
-      pointer-events: auto;
-
-      .nav-item {
-        width: 120px;
-        height: 35px;
-        line-height: 35px;
-        padding: 0;
-        box-sizing: border-box;
-        padding-bottom: 10px;
-        text-align: center;
-        background: url('/@/assets/images/beltFire/titleNav.png') no-repeat center center;
-        background-size: 100% 90%;
-        cursor: pointer;
-        color: #fff;
-      }
-      .nav-item.active {
-        background: url('/@/assets/images/beltFire/titleNavActive.png') no-repeat center center !important;
-        background-size: 100% 190% !important;
-      }
+      margin-left: 20px !important;
     }
   }
 
-  :deep(.zxm-select) {
-    width: 100%;
-
-    .@{ventSpace}-select-selector {
-      background: transparent !important;
-      border: none !important;
-      box-shadow: none !important;
-
-      .zxm-select-selection-item {
-        color: #fff !important;
-        font-size: 20px;
-        margin-left: 20px !important;
-      }
-    }
-
-    .@{ventSpace}-select-arrow {
-      color: #fff !important;
-    }
+  .@{ventSpace}-select-arrow {
+    color: #fff !important;
   }
 }
 </style>
+