From ed959e6e6d26e04190ea6d7cf5b771426d872de1 Mon Sep 17 00:00:00 2001 From: xuxin <15279969124@163.com> Date: Wed, 8 Jul 2026 23:20:22 +0800 Subject: [PATCH] =?UTF-8?q?=E4=B8=80=E9=94=AE=E4=BF=AE=E5=A4=8D=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E5=BE=AE=E8=B0=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../resume-issue-fix-all-drawer.scss | 45 +++++++++++--- src/components/ResumeIssueFixAllDrawer.vue | 61 ++++++++++++++++--- 2 files changed, 89 insertions(+), 17 deletions(-) diff --git a/src/assets/styles/components/resume-issue-fix-all-drawer.scss b/src/assets/styles/components/resume-issue-fix-all-drawer.scss index 307cf4b..aa9cd98 100644 --- a/src/assets/styles/components/resume-issue-fix-all-drawer.scss +++ b/src/assets/styles/components/resume-issue-fix-all-drawer.scss @@ -27,7 +27,7 @@ right: 0; width: 8rem; height: var(--app-height, 100vh); - background: $bg-main; + background: #fff; z-index: 2001; display: flex; flex-direction: column; @@ -85,7 +85,7 @@ // ---- 模块标题 ---- &__module-title { - font-size: 0.16rem; + font-size: 0.18rem; font-weight: 700; color: $text-dark; margin: 0.24rem 0 0.12rem 0; @@ -98,6 +98,9 @@ // ---- 单条经历记录 ---- &__record { margin-bottom: 0.2rem; + background: $bg-main; + padding: 0.16rem; + border-radius: 0.12rem; } &__record-label { @@ -109,14 +112,34 @@ // ---- 卡片容器 ---- &__card { - background: $bg-white; + background: transparent; border-radius: 0.1rem; padding: 0.16rem; border: 1px solid $border-color; + position: relative; + overflow: hidden; &--ai { border: 1px solid rgba($accent, 0.3); - background: rgba($accent, 0.03); + } + + /* 顶部渐变背景层，不遮挡内容 */ + &::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border-radius: 0.1rem; + background: linear-gradient(to bottom, #EDF9FA 0, #fff 0.8rem); + z-index: 0; + } + + /* 让卡片内所有内容在渐变之上 */ + > * { + position: relative; + z-index: 1; } } @@ -152,6 +175,8 @@ font-weight: 600; color: $accent; margin: 0 0 0.08rem 0; + display: flex; + align-items: flex-start; } &__ai-text { @@ -175,17 +200,19 @@ font-size: 0.12rem; font-weight: 500; border: 1px solid $accent; - border-radius: 0.14rem; - padding: 0.04rem 0.12rem; + border-radius: 0.04rem; + padding: 0.04rem 0.06rem; cursor: pointer; transition: all 0.2s; + display: flex; + align-items: center; + gap: 0.04rem; &--replace { - color: $accent; - background: $bg-white; + color: #fff; + background: $accent; &:hover { - background: rgba($accent, 0.08); } } diff --git a/src/components/ResumeIssueFixAllDrawer.vue b/src/components/ResumeIssueFixAllDrawer.vue index 779d1b0..1de439f 100644 --- a/src/components/ResumeIssueFixAllDrawer.vue +++ b/src/components/ResumeIssueFixAllDrawer.vue @@ -16,8 +16,15 @@

一键修复

@@ -51,15 +58,53 @@
-

✦ AI润色结果

+
+

+ + + + + + + + + + + AI润色结果 +

{{ record.polishText }}

+ +
+ + +
- -
- - -
+