fix(frontend): 部署时规格展示的样式问题 #9533

# Reviewed, transaction id: 32241
TencentBlueKing · Mar 4, 2025 · 11fddc7 · 11fddc7
1 parent 41906cf
commit 11fddc7
Showing 1 changed file with 15 additions and 9 deletions.
diff --git a/dbm-ui/frontend/src/views/db-manage/common/apply-items/SpecSelector.vue b/dbm-ui/frontend/src/views/db-manage/common/apply-items/SpecSelector.vue
@@ -3,6 +3,7 @@
     <BkSelect
       class="spec-selector"
       :clearable="clearable"
+      filterable
       :loading="loading"
       :model-value="modelValue"
       @change="handleChange">
@@ -234,7 +235,21 @@
     },
   });
 </script>
+<style lang="less">
+  .bk-select-option {
+    > span {
+      display: block;
+      width: 100%;
+    }
 
+    &.is-selected {
+      .spec-display-count {
+        color: white;
+        background-color: #a3c5fd;
+      }
+    }
+  }
+</style>
 <style lang="less" scoped>
   .spec-selector-wrapper {
     position: relative;
@@ -269,15 +284,6 @@
     }
   }
 
-  .bk-select-option {
-    &.is-selected {
-      .spec-display-count {
-        color: white;
-        background-color: #a3c5fd;
-      }
-    }
-  }
-
   .info-wrapper {
     width: 530px;
     padding: 9px 2px;