个人资料和岗位列表联调，简历优化部分页面
This commit is contained in:
@@ -1,3 +1,4 @@
|
||||
@use './variables' as *;
|
||||
html{
|
||||
font-size: 100px;
|
||||
}
|
||||
@@ -602,6 +603,12 @@ body:not(#_) {
|
||||
.bgccc{
|
||||
background: #ccc;
|
||||
}
|
||||
.bg-main{
|
||||
background: $bg-main;
|
||||
}
|
||||
.bg-white{
|
||||
background: $bg-white;
|
||||
}
|
||||
|
||||
/*文字超出隐藏*/
|
||||
.text-over-h{
|
||||
|
||||
@@ -1,5 +1,8 @@
|
||||
// 颜色变量已移至全局 variables.scss
|
||||
@use '../variables' as *;
|
||||
|
||||
.ai-chat {
|
||||
width: 3.6rem;
|
||||
width: 4.0rem;
|
||||
height: 100vh;
|
||||
background: #f3f4f6;
|
||||
display: flex;
|
||||
@@ -14,7 +17,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background: linear-gradient(135deg, #4FC2C9 0%, #42A8B3 100%);
|
||||
background: linear-gradient(90deg, #94EF9E , #53D9C8 );
|
||||
color: #fff;
|
||||
padding: 0.1rem 0.16rem;
|
||||
font-size: 0.13rem;
|
||||
@@ -120,6 +123,7 @@
|
||||
flex-direction: column;
|
||||
gap: 0.08rem;
|
||||
margin-top: 0.12rem;
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
&__quick-item {
|
||||
@@ -127,7 +131,7 @@
|
||||
border: 1px solid #e5e7eb;
|
||||
border-radius: 0.08rem;
|
||||
padding: 0.1rem 0.14rem;
|
||||
color: #6b7280;
|
||||
color: $text-middle;
|
||||
font-size: 0.12rem;
|
||||
cursor: pointer;
|
||||
transition: background 0.2s;
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
|
||||
.industry-selector {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
//display: inline-block;
|
||||
|
||||
// ==================== 触发按钮 ====================
|
||||
&__trigger {
|
||||
@@ -38,7 +38,7 @@
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
max-width: 1.6rem;
|
||||
max-width: 1.2rem;
|
||||
}
|
||||
|
||||
// 下拉箭头图标
|
||||
@@ -66,6 +66,11 @@
|
||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
|
||||
z-index: 100;
|
||||
padding: 0.1rem;
|
||||
|
||||
// 只显示一栏时缩窄面板
|
||||
&--one-col {
|
||||
width: 2.4rem;
|
||||
}
|
||||
}
|
||||
|
||||
// ==================== 选中区（已选标签） ====================
|
||||
@@ -191,6 +196,15 @@
|
||||
}
|
||||
|
||||
// ==================== 分栏联动选择区 ====================
|
||||
|
||||
// 双击提示文字
|
||||
&__hint {
|
||||
font-size: 0.11rem;
|
||||
color: $text-light;
|
||||
margin-bottom: 0.06rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
&__columns {
|
||||
display: flex;
|
||||
border: 1px solid $border-color;
|
||||
@@ -204,12 +218,13 @@
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
|
||||
// 左栏：一级行业列表
|
||||
// 左栏：一级行业列表（禁止双击选中文字）
|
||||
&--left {
|
||||
width: 1.2rem;
|
||||
flex-shrink: 0;
|
||||
border-right: 1px solid $border-color;
|
||||
background: $bg-main;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
// 右栏：二级行业列表
|
||||
@@ -217,6 +232,13 @@
|
||||
flex: 1;
|
||||
background: $bg-white;
|
||||
}
|
||||
|
||||
// 单栏模式：左栏占满
|
||||
&--full {
|
||||
flex: 1;
|
||||
width: auto;
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
// 栏内每一行
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
|
||||
.job-category-selector {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
//display: inline-block;
|
||||
|
||||
// ==================== 触发按钮 ====================
|
||||
&__trigger {
|
||||
@@ -39,7 +39,7 @@
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
max-width: 1.6rem;
|
||||
max-width: 1.2rem;
|
||||
}
|
||||
|
||||
// 下拉箭头图标
|
||||
@@ -67,6 +67,16 @@
|
||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
|
||||
z-index: 100;
|
||||
padding: 0.1rem;
|
||||
|
||||
// 只显示一栏时缩窄面板
|
||||
&--one-col {
|
||||
width: 2.4rem;
|
||||
}
|
||||
|
||||
// 只显示两栏时缩窄面板
|
||||
&--two-col {
|
||||
width: 3.6rem;
|
||||
}
|
||||
}
|
||||
|
||||
// ==================== 选中区（已选标签） ====================
|
||||
@@ -192,6 +202,15 @@
|
||||
}
|
||||
|
||||
// ==================== 三栏联动选择区 ====================
|
||||
|
||||
// 双击提示文字
|
||||
&__hint {
|
||||
font-size: 0.11rem;
|
||||
color: $text-light;
|
||||
margin-bottom: 0.06rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
&__columns {
|
||||
display: flex;
|
||||
border: 1px solid $border-color;
|
||||
@@ -205,20 +224,29 @@
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
|
||||
// 左栏：一级分类
|
||||
// 左栏：一级分类（禁止双击选中文字）
|
||||
&--left {
|
||||
width: 1.2rem;
|
||||
flex-shrink: 0;
|
||||
border-right: 1px solid $border-color;
|
||||
background: $bg-main;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
// 中栏：二级分类
|
||||
// 中栏：二级分类（禁止双击选中文字）
|
||||
&--mid {
|
||||
width: 1.4rem;
|
||||
flex-shrink: 0;
|
||||
border-right: 1px solid $border-color;
|
||||
background: $bg-white;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
// 中栏作为末级栏时展开
|
||||
&--mid-end {
|
||||
flex: 1;
|
||||
width: auto;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
// 右栏：三级分类（末级可选中）
|
||||
@@ -226,6 +254,13 @@
|
||||
flex: 1;
|
||||
background: $bg-white;
|
||||
}
|
||||
|
||||
// 单栏模式：左栏占满
|
||||
&--full {
|
||||
flex: 1;
|
||||
width: auto;
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
// 栏内每一行
|
||||
|
||||
@@ -113,8 +113,8 @@
|
||||
}
|
||||
|
||||
&--active {
|
||||
background: $text-light;
|
||||
border-color: $text-light;
|
||||
background: $btn-dark;
|
||||
border-color: $btn-dark;
|
||||
color: $bg-white;
|
||||
font-weight: 500;
|
||||
}
|
||||
@@ -127,9 +127,9 @@
|
||||
}
|
||||
|
||||
&__save-btn {
|
||||
width: 60%;
|
||||
width: 100%;
|
||||
padding: 0.12rem 0;
|
||||
background: $btn-dark;
|
||||
background: $accent;
|
||||
color: $bg-white;
|
||||
border: none;
|
||||
border-radius: 0.24rem;
|
||||
@@ -139,7 +139,7 @@
|
||||
transition: background 0.2s;
|
||||
|
||||
&:hover {
|
||||
background: $btn-dark-hover;
|
||||
background: $accent-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -31,17 +31,19 @@
|
||||
}
|
||||
|
||||
&__goal-btn {
|
||||
font-size: 0.18rem;
|
||||
font-size: 0.12rem;
|
||||
font-weight: 700;
|
||||
color: $text-dark;
|
||||
background: none;
|
||||
border: none;
|
||||
background: $bg-main;
|
||||
border-radius: 0.2rem;
|
||||
border: 0.01rem solid $border-color;
|
||||
cursor: pointer;
|
||||
padding: 0.04rem 0.16rem;
|
||||
white-space: nowrap;
|
||||
transition: color 0.2s;
|
||||
margin-left: auto;
|
||||
|
||||
|
||||
&:hover {
|
||||
color: $accent-hover;
|
||||
}
|
||||
@@ -51,7 +53,7 @@
|
||||
font-size: 0.13rem;
|
||||
color: $text-light;
|
||||
cursor: pointer;
|
||||
padding: 0.06rem 0.22rem;
|
||||
padding: 0.06rem 0.16rem;
|
||||
border-radius: 0.18rem;
|
||||
transition: all 0.25s ease;
|
||||
user-select: none;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,149 @@
|
||||
@use '../variables' as *;
|
||||
|
||||
// ==================== 简历HTML模板组件 ====================
|
||||
// 注意：此组件样式全部使用 px 单位，不用 rem
|
||||
// 原因：后续需要提取简历 HTML 生成 PDF/Word，脱离页面环境后
|
||||
// rem 会按浏览器默认 16px 计算导致尺寸错乱，px 可保证一致性
|
||||
|
||||
.job-resume-template {
|
||||
width: 100%;
|
||||
max-width: 1668px;
|
||||
background: $bg-white;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
// 简历HTML内容区
|
||||
.resume-html {
|
||||
padding: 50px 60px;
|
||||
font-family: 'SimSun', 'Songti SC', serif;
|
||||
color: $text-dark;
|
||||
line-height: 1.6;
|
||||
|
||||
// 姓名
|
||||
&__name {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
margin: 0 0 6px 0;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
// 联系方式
|
||||
&__contact {
|
||||
font-size: 12px;
|
||||
color: $text-dark;
|
||||
margin-bottom: 4px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
&__contact-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
&__separator {
|
||||
margin: 0 6px;
|
||||
color: $text-middle;
|
||||
}
|
||||
|
||||
// 板块标题
|
||||
&__section-title {
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
color: $text-dark;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 2px;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
// 分割线
|
||||
&__divider {
|
||||
height: 1.5px;
|
||||
background: $text-dark;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
// 个人概述
|
||||
&__summary {
|
||||
font-size: 12px;
|
||||
line-height: 1.7;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
// 经历条目
|
||||
&__item {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
&__item-header {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
&__item-left {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
&__item-main {
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: $text-dark;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
&__item-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
flex-shrink: 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
&__item-location {
|
||||
font-size: 12px;
|
||||
color: $text-dark;
|
||||
}
|
||||
|
||||
&__item-date {
|
||||
font-size: 12px;
|
||||
color: $text-dark;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&__item-desc {
|
||||
font-size: 12px;
|
||||
color: $text-dark;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
// 描述列表
|
||||
&__desc-list {
|
||||
margin: 0;
|
||||
padding-left: 16px;
|
||||
list-style: disc;
|
||||
|
||||
li {
|
||||
font-size: 12px;
|
||||
line-height: 1.7;
|
||||
color: $text-dark;
|
||||
}
|
||||
}
|
||||
|
||||
// 技能区域
|
||||
&__skills {
|
||||
font-size: 12px;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
&__skill-row {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
&__skill-label {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
@@ -13,6 +13,8 @@
|
||||
background: $bg-white;
|
||||
border-radius: 0.12rem;
|
||||
padding: 0.2rem 0.24rem;
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
&__card-header {
|
||||
@@ -140,6 +142,29 @@
|
||||
}
|
||||
}
|
||||
|
||||
// 作品集链接
|
||||
&__portfolio-link {
|
||||
font-size: 0.13rem;
|
||||
line-height: 1.6;
|
||||
color: $accent;
|
||||
word-break: break-all;
|
||||
text-decoration: none;
|
||||
transition: color 0.2s;
|
||||
display: inline-block;
|
||||
|
||||
&:hover {
|
||||
color: $accent-hover;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
// 作品集空状态提示
|
||||
&__portfolio-empty {
|
||||
font-size: 0.12rem;
|
||||
line-height: 1.5;
|
||||
color: $text-light;
|
||||
}
|
||||
|
||||
// 标签（技能 / 证书）
|
||||
&__tags {
|
||||
display: flex;
|
||||
|
||||
@@ -38,7 +38,7 @@
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
max-width: 1.6rem;
|
||||
max-width: 1.2rem;
|
||||
}
|
||||
|
||||
&__arrow {
|
||||
|
||||
@@ -331,9 +331,30 @@
|
||||
}
|
||||
|
||||
&__reminder-target {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.12rem;
|
||||
}
|
||||
|
||||
&__reminder-group {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 0.1rem;
|
||||
}
|
||||
|
||||
&__reminder-group-label {
|
||||
flex-shrink: 0;
|
||||
font-size: 0.12rem;
|
||||
color: $text-light;
|
||||
line-height: 0.28rem;
|
||||
min-width: 0.32rem;
|
||||
}
|
||||
|
||||
&__reminder-block-title-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 0.14rem;
|
||||
}
|
||||
|
||||
&__reminder-tags {
|
||||
|
||||
@@ -22,6 +22,8 @@
|
||||
@use './components/industry-selector.scss';
|
||||
@use './components/job-category-selector.scss';
|
||||
@use './components/region-selector.scss';
|
||||
@use './components/job-resume-custom-dialog.scss';
|
||||
@use './components/job-resume-template.scss';
|
||||
|
||||
// 全局样式（优先级最高）
|
||||
@use './auto.scss';
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -4,7 +4,7 @@
|
||||
.job-detail {
|
||||
&__content {
|
||||
margin-left: 2rem;
|
||||
margin-right: 3.2rem;
|
||||
margin-right: 3.6rem;
|
||||
flex: 1;
|
||||
padding: 0.12rem 0.56rem 0.12rem 0.18rem;
|
||||
height: 100vh;
|
||||
@@ -13,6 +13,23 @@
|
||||
background: $bg-main;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
// 手动包裹的两层 div，需要撑满剩余高度并允许内部滚动
|
||||
> .bg-white {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
|
||||
> .bg-main {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ---- 页面标题 ----
|
||||
@@ -138,7 +155,7 @@
|
||||
}
|
||||
|
||||
&__apply-btn {
|
||||
background: $btn-dark;
|
||||
background: $accent;
|
||||
color: $bg-white;
|
||||
border: none;
|
||||
border-radius: 0.2rem;
|
||||
@@ -379,7 +396,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background: $btn-dark;
|
||||
background: linear-gradient(90deg, #94EF9E , #53D9C8 );
|
||||
color: $bg-white;
|
||||
border-radius: 0.1rem;
|
||||
padding: 0.14rem 0.2rem;
|
||||
@@ -563,6 +580,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.08rem;
|
||||
max-width: 45%;
|
||||
}
|
||||
|
||||
&__company-meta-item {
|
||||
@@ -621,7 +639,7 @@
|
||||
|
||||
&__news-desc {
|
||||
font-size: 0.11rem;
|
||||
color: $text-light;
|
||||
color: $text-middle;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
display: -webkit-box;
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
.jobs-page {
|
||||
&__content {
|
||||
margin-left: 2rem;
|
||||
margin-right: 3.6rem;
|
||||
margin-right: 4.0rem;
|
||||
flex: 1;
|
||||
padding: 0.12rem 0.18rem;
|
||||
height: 100vh;
|
||||
@@ -89,6 +89,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.12rem;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
&__filter-group {
|
||||
@@ -111,6 +112,7 @@
|
||||
transition: all 0.2s ease;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
height: 0.234rem;
|
||||
|
||||
&:hover {
|
||||
border-color: $accent;
|
||||
@@ -219,7 +221,7 @@
|
||||
&:hover {
|
||||
box-shadow: 0 0.04rem 0.16rem rgba(0, 0, 0, 0.06);
|
||||
background: #fbfbfb;
|
||||
transform: translateY(-0.01rem);
|
||||
//transform: translateY(-0.01rem);
|
||||
}
|
||||
|
||||
&--selected {
|
||||
@@ -237,14 +239,12 @@
|
||||
|
||||
&__job-left {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
gap: 0.16rem;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
&__job-icon {
|
||||
width: 0.44rem;
|
||||
height: 0.44rem;
|
||||
width: 0.54rem;
|
||||
height: 0.54rem;
|
||||
border-radius: 0.1rem;
|
||||
background: $theme-color;
|
||||
display: flex;
|
||||
@@ -300,9 +300,31 @@
|
||||
height: 0.16rem;
|
||||
}
|
||||
|
||||
&__job-meta {
|
||||
font-size: 0.12rem;
|
||||
&__job-remove {
|
||||
color: $text-light;
|
||||
cursor: pointer;
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 0.04rem;
|
||||
border-radius: 0.04rem;
|
||||
transition: all 0.2s;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&:hover {
|
||||
color: $danger;
|
||||
background: #FFF0ED;
|
||||
}
|
||||
}
|
||||
|
||||
&__remove-svg {
|
||||
width: 0.14rem;
|
||||
height: 0.14rem;
|
||||
}
|
||||
|
||||
&__job-meta {
|
||||
font-size: 0.14rem;
|
||||
color: $text-middle;
|
||||
margin-top: 0.04rem;
|
||||
line-height: 1.4;
|
||||
}
|
||||
@@ -414,8 +436,8 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.04rem;
|
||||
background: none;
|
||||
border: none;
|
||||
background: $bg-main;
|
||||
border: 1px solid #E8E8E8;
|
||||
padding: 0.04rem 0.08rem;
|
||||
border-radius: 0.14rem;
|
||||
|
||||
@@ -431,20 +453,18 @@
|
||||
}
|
||||
|
||||
&__job-apply-btn {
|
||||
background: $bg-main;
|
||||
border: 1px solid #E8E8E8;
|
||||
background: $btn-dark;
|
||||
border: 0.02rem solid $btn-dark;
|
||||
border-radius: 0.2rem;
|
||||
padding: 0.06rem 0.2rem;
|
||||
color: $text-dark;
|
||||
padding: 0.04rem 0.2rem;
|
||||
color: $bg-white;
|
||||
font-size: 0.12rem;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
font-weight: 500;
|
||||
|
||||
&:hover {
|
||||
border-color: $accent;
|
||||
color: $accent;
|
||||
background: $theme-color;
|
||||
background: $btn-dark-hover;
|
||||
}
|
||||
|
||||
&--active {
|
||||
@@ -549,6 +569,52 @@
|
||||
margin-top: 0.01rem;
|
||||
}
|
||||
|
||||
// 未登录锁定态
|
||||
&__job-match--locked {
|
||||
background: $bg-main;
|
||||
border: 1px solid #E8E8E8;
|
||||
}
|
||||
|
||||
&__lock-icon {
|
||||
width: 0.32rem;
|
||||
height: 0.32rem;
|
||||
color: $text-light;
|
||||
margin-bottom: 0.06rem;
|
||||
}
|
||||
|
||||
&__match-lock-text {
|
||||
font-size: 0.1rem;
|
||||
color: $text-light;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
// 收藏统计栏
|
||||
&__fav-stats {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.4rem;
|
||||
}
|
||||
|
||||
&__fav-stats-item {
|
||||
font-size: 0.14rem;
|
||||
color: $text-dark;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
padding: 0.04rem 0.08rem;
|
||||
border-radius: 0.06rem;
|
||||
transition: all 0.2s;
|
||||
|
||||
&:hover {
|
||||
color: $accent;
|
||||
}
|
||||
|
||||
&--active {
|
||||
color: $accent;
|
||||
font-weight: 600;
|
||||
background: $theme-color;
|
||||
}
|
||||
}
|
||||
|
||||
// 加载更多提示
|
||||
&__loading-more {
|
||||
text-align: center;
|
||||
@@ -588,7 +654,6 @@
|
||||
color: $text-dark;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 0.2rem;
|
||||
margin-top: 0.12rem;
|
||||
|
||||
// 居中标题（问题反馈弹窗用）
|
||||
&--center {
|
||||
|
||||
@@ -20,6 +20,9 @@ $text-dark: #000000;
|
||||
// 浅色文字（副标题、占位符、辅助信息）
|
||||
$text-light: #BFBFBF;
|
||||
|
||||
// 中间色文字（使用优先级高于浅色文字，稍微要深色一点的副标题、占位符、辅助信息）
|
||||
$text-middle: #777777;
|
||||
|
||||
// 强调色 / 品牌色
|
||||
$accent: #4FC2C9;
|
||||
|
||||
@@ -36,7 +39,12 @@ $border-color: #E8E8E8;
|
||||
$overlay-bg: rgba(0, 0, 0, 0.5);
|
||||
|
||||
// 按钮深色背景（确认提交等）
|
||||
$btn-dark: #1A1A2E;
|
||||
// $btn-dark: #1A1A2E;
|
||||
$btn-dark: #4FC2C9;
|
||||
|
||||
// 按钮深色悬停态
|
||||
$btn-dark-hover: #2E3142;
|
||||
// $btn-dark-hover: #2E3142;
|
||||
$btn-dark-hover: #42A8B3;
|
||||
|
||||
// 渐变色背景
|
||||
$gradient-bg: linear-gradient(to right, #4FC2C9, #42A8B3);
|
||||
|
||||
Reference in New Issue
Block a user