From 239401c18f9fdbe68346bf94363cecc4a180bc30 Mon Sep 17 00:00:00 2001 From: zimo493 <2081182432@qq.com> Date: Wed, 21 May 2025 13:41:58 +0800 Subject: [PATCH] =?UTF-8?q?style:=20:lipstick:=20(element-plus)=E4=BC=98?= =?UTF-8?q?=E5=8C=96=20`Element=20Plus`=20=E7=BB=84=E4=BB=B6=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 新增 element-plus.scss 文件,统一设置 Element Plus 组件样式 --- src/styles/element-plus.scss | 47 ++++++++++++++++++++++++++++++++++++ src/styles/index.scss | 9 +------ 2 files changed, 48 insertions(+), 8 deletions(-) create mode 100644 src/styles/element-plus.scss diff --git a/src/styles/element-plus.scss b/src/styles/element-plus.scss new file mode 100644 index 00000000..79361e5f --- /dev/null +++ b/src/styles/element-plus.scss @@ -0,0 +1,47 @@ +$border: 1px solid var(--el-border-color-light); + +/* el-dialog */ +.el-dialog { + padding: 0 !important; + + .el-dialog__header { + padding: 15px 20px; + margin: 0; + border-bottom: $border; + } + + .el-dialog__body { + padding: 20px; + } + + .el-dialog__footer { + padding: 15px; + border-top: $border; + } +} + +/** el-drawer */ +.el-drawer { + .el-drawer__header { + padding: 15px 20px; + margin: 0; + color: inherit; + border-bottom: $border; + } + + .el-drawer__body { + padding: 20px; + } + + .el-drawer__footer { + padding: 15px; + border-top: $border; + } +} + +// 抽屉和对话框底部按钮区域 +.dialog-footer { + display: flex; + gap: 8px; + justify-content: flex-end; +} diff --git a/src/styles/index.scss b/src/styles/index.scss index 99d7f3b6..22a4d9e8 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -1,4 +1,5 @@ @use "./reset"; +@use "./element-plus"; .app-container { padding: 15px; @@ -54,11 +55,3 @@ margin-top: 16px; } } - -// 抽屉和对话框底部按钮区域 -.dialog-footer { - display: flex; - gap: 8px; - justify-content: flex-end; - padding-top: 16px; -}