From 5cc3b9c8cf14a0d28d855c847549c22a53b7ea71 Mon Sep 17 00:00:00 2001 From: zhongzm Date: Tue, 22 Oct 2024 18:54:35 +0800 Subject: [PATCH] =?UTF-8?q?fix:css=E6=A0=B7=E5=BC=8F=E6=8A=A5=E9=94=99?= =?UTF-8?q?=E4=BF=AE=E5=A4=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/perfManage/kpiKeyTarget/index.vue | 64 ++++++++++----------- 1 file changed, 31 insertions(+), 33 deletions(-) diff --git a/src/views/perfManage/kpiKeyTarget/index.vue b/src/views/perfManage/kpiKeyTarget/index.vue index 47559efd..3e4bb039 100644 --- a/src/views/perfManage/kpiKeyTarget/index.vue +++ b/src/views/perfManage/kpiKeyTarget/index.vue @@ -985,45 +985,43 @@ const applyTwoColumnLayout = () => { -:deep { - .ant-card-body { - flex: 1; - display: flex; - flex-direction: column; - padding: 16px !important; - overflow: hidden; - } +:deep(.ant-card-body) { + flex: 1; + display: flex; + flex-direction: column; + padding: 16px !important; + overflow: hidden; +} - .ant-form-item { - margin-bottom: 0; - } +:deep(.ant-form-item) { + margin-bottom: 0; +} - .ant-form-item-label { - font-weight: 500; - color: rgba(0, 0, 0, 0.85); - } +:deep(.ant-form-item-label) { + font-weight: 500; + color: rgba(0, 0, 0, 0.85); +} - .anticon { - font-size: 16px; - color: #1890ff; - } +:deep(.anticon) { + font-size: 16px; + color: #1890ff; +} - .ant-select { - min-width: 200px; - } +:deep(.ant-select) { + min-width: 200px; +} - .ant-card-head { - padding: 8px 16px; /* 减小上下内边距 */ - } +:deep(.ant-card-head) { + padding: 8px 16px; /* 减小上下内边距 */ +} - .ant-card-head-title { - padding: 8px 0; /* 减小上下内边距 */ - width: 100%; // 确保标题占据全宽 - } +:deep(.ant-card-head-title) { + padding: 8px 0; /* 减小上下内边距 */ + width: 100%; // 确保标题占据全宽 +} - .ant-range-picker { - flex-shrink: 0; // 防止日期选择被压缩 - max-width: 100%; // 确保在小屏幕上不会溢出 - } +:deep(.ant-range-picker) { + flex-shrink: 0; // 防止日期选择被压缩 + max-width: 100%; // 确保在小屏幕上不会溢出 }