简历详情样式微调

This commit is contained in:
2026-07-09 15:27:31 +08:00
parent b25f2dde3a
commit 72339f332d
8 changed files with 155 additions and 44 deletions
+5
View File
@@ -700,6 +700,11 @@ body:not(#_) {
background: $bg-white;
}
.bg-linear-1{
background: linear-gradient(to right, #52CAD1, #9FD051)
}
/*文字超出隐藏*/
.text-over-h{
white-space: nowrap; /* 保持文本在一行内显示 */
@@ -9,7 +9,7 @@
line-height: 1.5;
background: #F7F7F7;
border-radius: 0.12rem;
padding: 0.1rem;
padding: 0.16rem;
box-sizing: border-box;
// 表单内容区
@@ -305,7 +305,7 @@
// AI润色结果区域
&__ai-result {
margin-top: 0.16rem;
margin-top: 0.04rem;
}
&__ai-result-label {
@@ -317,7 +317,7 @@
&__ai-result-card {
padding: 0.1rem 0.12rem;
background: linear-gradient(to bottom,#F5FFFD,#ffffff);
background: linear-gradient(to bottom, #EDF9FA 0, #fff 0.5rem);
border-radius: 0.06rem;
}
@@ -438,13 +438,13 @@
}
&__save-btn {
padding: 0.06rem 0.2rem;
padding: 0.06rem 0.24rem;
font-size: 0.13rem;
font-weight: 600;
color: $bg-white;
background: $btn-dark;
border: none;
border-radius: 0.2rem;
border-radius: 0.08rem;
cursor: pointer;
transition: all 0.2s;
@@ -454,13 +454,13 @@
}
&__cancel-btn {
padding: 0.06rem 0.2rem;
padding: 0.06rem 0.24rem;
font-size: 0.13rem;
font-weight: 600;
color: $accent;
background: transparent;
border: 1px solid $accent;
border-radius: 0.2rem;
border-radius: 0.08rem;
cursor: pointer;
transition: all 0.2s;
@@ -112,29 +112,30 @@
// ---- 卡片容器 ----
&__card {
background: transparent;
background: #fff;
border-radius: 0.1rem;
padding: 0.16rem;
border: 1px solid $border-color;
position: relative;
overflow: hidden;
&--ai {
border: 1px solid rgba($accent, 0.3);
/* 顶部渐变背景层,不遮挡内容 */
&::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.5rem);
z-index: 0;
}
}
/* 顶部渐变背景层,不遮挡内容 */
&::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;
}
/* 让卡片内所有内容在渐变之上 */
> * {
@@ -692,6 +692,19 @@
padding: 0.16rem;
background: linear-gradient(180deg, #EDF9FA 0%, #FFFFFF 38.18%);
border-radius: 0.08rem 0.08rem 0 0;
/* 正式会员背景 */
&--formal {
background: linear-gradient(180deg, #EDF9FA 0%, #FFFFFF 38.18%);
}
/* 试用会员背景 */
&--trial {
background: linear-gradient(180deg, #FEF5E7 0%, #FFFFFF 38.18%);
}
/* 免费用户背景 */
&--free {
background: linear-gradient(180deg, #F1F2F4 0%, #FFFFFF 38.18%);
}
}
.side-nav__account-popup-header-row {