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 }}

+ +
+ + +
- -
- - -
+