From 7269bd8b2787c7e42cb8b0b9dbd7172a399b5331 Mon Sep 17 00:00:00 2001 From: cc500 <2014434568@qq.com> Date: Fri, 18 Jul 2025 15:57:30 +0800 Subject: [PATCH 01/11] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E5=A4=8D?= =?UTF-8?q?=EF=BC=9A=E4=BF=AE=E5=A4=8D=E5=AF=B9=E8=AF=9D=E6=A0=8Fpopover?= =?UTF-8?q?=20=E9=A2=9C=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/styles/variables/theme.scss | 38 ++++++++++++++----- src/views/createapp/components/workFlow.vue | 7 ++-- .../dialogue/components/DialogueAside.vue | 6 +-- 3 files changed, 34 insertions(+), 17 deletions(-) diff --git a/src/assets/styles/variables/theme.scss b/src/assets/styles/variables/theme.scss index 472438e..e760f79 100644 --- a/src/assets/styles/variables/theme.scss +++ b/src/assets/styles/variables/theme.scss @@ -4,7 +4,7 @@ body[theme='dark'] { rgba(109, 117, 250, 0.5), rgba(90, 179, 255, 0.5) ); - --o-text-disable: #626D7C; + --o-text-disable: #626d7c; --o-main-bg-color: #131415; --o-bg-image: url('../../assets/svgs/dark_background.svg'); --no-work-flow: url('../../assets/images/dark_no_flow.png'); @@ -94,16 +94,16 @@ body[theme='dark'] { } body[theme='light'] { - --o-text-disable: #BFC7D7; + --o-text-disable: #bfc7d7; --o-checkbox-bg-color_checked: #6395fd !important; --o-func-base-primary: 99, 149, 253; --o-checkbox-bg-color_checked: #6395fd !important; --o-checkbox-border-color_checked: #6395fd !important; - --o-content-bg:linear-gradient( - to right, - rgba(109, 117, 250, 0.2), - rgba(90, 179, 255, 0.2) - ); + --o-content-bg: linear-gradient( + to right, + rgba(109, 117, 250, 0.2), + rgba(90, 179, 255, 0.2) + ); --o-main-bg-color: #f1f8ff; --o-bg-image: url('../../assets/svgs/light_background.webp'); --no-work-flow: url('../../assets/images/light_no_flow.png'); @@ -212,8 +212,28 @@ body { } --o-border-radius-small: 4px; - .el-popper[role=tooltip].is-light .el-popper__arrow::before { + .el-popper[role='tooltip'].is-light .el-popper__arrow::before { background: var(--o-bg-color-base); border: 1px solid var(--o-tooltip-border-color); -} + + .el-popper { + background: var(--o-bg-color-base) !important; + .el-popper__arrow { + background: var(--o-bg-color-base) !important; + border-right-color: var(--o-bg-color-base) !important; + } + } + } + .el-popper[role='tooltip'].is-dark .el-popper__arrow::before { + background: var(--o-bg-color-base); + border: 1px solid var(--o-tooltip-border-color); + + .el-popper { + background: var(--o-bg-color-base) !important; + .el-popper__arrow { + background: var(--o-bg-color-base) !important; + border-right-color: var(--o-bg-color-base) !important; + } + } + } } diff --git a/src/views/createapp/components/workFlow.vue b/src/views/createapp/components/workFlow.vue index d65f1df..17caa1b 100644 --- a/src/views/createapp/components/workFlow.vue +++ b/src/views/createapp/components/workFlow.vue @@ -1,9 +1,8 @@