feat: 租户选中增加样式

2024-09-14 08:34:45 +08:00
parent af72811013
commit c3e66c0aec
1 changed files with 13 additions and 0 deletions
--- a/apps/web-antd/src/components/tenant-toggle/src/index.vue
+++ b/apps/web-antd/src/components/tenant-toggle/src/index.vue
@@ -113,3 +113,16 @@ function filterOption(input: string, option: TenantOption) {
    </Select>
  </div>
 </template>
+
+<style lang="scss" scoped>
+// 当选中时 添加border样式
+:deep(.ant-select-selector) {
+  &:has(.ant-select-selection-item) {
+    box-shadow: 0 0 10px hsl(var(--primary));
+  }
+  // 选中时字体加粗
+  .ant-select-selection-item {
+    font-weight: 600;
+  }
+}
+</style>