From e8b16e6541337cfbcb91b1cebe710ca41c630cc0 Mon Sep 17 00:00:00 2001 From: rd <1344903914@qq.com> Date: Mon, 15 Sep 2025 11:19:57 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=AE=E6=AD=A3=E8=A1=A8=E5=8D=95?= =?UTF-8?q?=E6=A0=87=E7=AD=BE=E5=AF=B9=E9=BD=90=E9=97=AE=E9=A2=98=E5=B9=B6?= =?UTF-8?q?=E6=9B=B4=E6=96=B0=20Ant=20Select=20=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/styles/components/ant-select.scss | 83 +++++++++++++++---- .../components/add-account-modal/index.vue | 2 +- 2 files changed, 69 insertions(+), 16 deletions(-) diff --git a/src/styles/components/ant-select.scss b/src/styles/components/ant-select.scss index 558fbf6..b459794 100644 --- a/src/styles/components/ant-select.scss +++ b/src/styles/components/ant-select.scss @@ -35,6 +35,74 @@ &.ant-select-status-error { border-color: $color-error !important; } + + +} + +.ant-select { + .ant-select-selector { + height: 32px !important; + } + + &.ant-select-lg { + .ant-select-selector { + height: 36px !important; + } + } + + &.ant-select-sm { + .ant-select-selector { + height: 28px !important; + } + } + + &.ant-select-multiple { + .ant-select-selector { + padding: 0 12px 0 4px !important; + + .ant-select-selection-overflow-item { + .ant-select-selection-item { + border-radius: 4px; + background: #E6E6E8; + border: none; + padding: 1px 8px; + + .ant-select-selection-item-remove { + color: #737478; + } + } + } + } + + &.ant-select-lg { + .ant-select-selector { + .ant-select-selection-overflow-item { + .ant-select-selection-item { + height: 24px; + line-height: 24px; + } + + } + } + } + + &.ant-select-sm { + .ant-select-selector { + .ant-select-selection-overflow-item { + .ant-select-selection-item { + height: 22px; + line-height: 22px; + + .ant-select-selection-item-content { + font-size: 12px; + } + } + + } + } + } + } + } .ant-select.ant-select-single { @@ -52,18 +120,3 @@ } } } -.ant-select.ant-select-multiple { - .ant-select-selection-search-input { - min-height: 32px !important; - } - &.ant-select-lg { - .ant-select-selection-search-input { - min-height: 36px !important; - } - } - &.ant-select-sm { - .ant-select-selection-search-input { - min-height: 28px !important; - } - } -} diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue index 7670cbc..cce9e9b 100644 --- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue +++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue @@ -287,7 +287,7 @@ export default { model={form.value} rules={rules} layout="horizontal" - labelAlign="right" + labelAlign="right" labelCol={{ span: 4 }} wrapperCol={{ span: 20 }} >