xiaoyu/txw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: qych 提高色相对比+饱和度,去灰蒙蒙感

Browse Source 
电池法案 蓝: #dce6f7→#b8c9e8 / CBAM 青: #ceeaea→#a3d4d4 / 航运 绿: #d4ead7→#acd4b1
三轮对比明显(蓝↔青↔绿),卡片渐变从粉彩升级到有色彩浓度的干净渐变

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
liulujian 2026-07-05 00:33:04 +08:00
parent c0c8534fc6
commit 4f84d39665
2 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
txw-mhzc-web/src/pages/index/styles/home-figma-variables.less
View File

@ -1173,20 +1173,20 @@ html.portal-figma-scale-active.portal-market-figma-scale-active {
@qych-policy-btn-size: 14px;
@qych-policy-btn-height: 32px;
@qych-policy-btn-radius: 3px;
// ── 电池法案：蓝色系（工业 / 技术 / 精密）──
@qych-policy-header-gradient-battery: linear-gradient(180deg, #e9f0fe 0%, #f4f7ff 52.885%, #fff 100%);
@qych-policy-card-gradient-battery-1: linear-gradient(180deg, #e4edfb 0%, #c8d6f0 100%);
@qych-policy-card-gradient-battery-2: linear-gradient(180deg, #eef3fc 0%, #d8e2f5 100%);
// ── 电池法案：蓝色系（工业制造 / 技术精密）──
@qych-policy-header-gradient-battery: linear-gradient(180deg, #e3ecfa 0%, #f2f6fd 52.885%, #fff 100%);
@qych-policy-card-gradient-battery-1: linear-gradient(180deg, #dce6f7 0%, #b8c9e8 100%);
@qych-policy-card-gradient-battery-2: linear-gradient(180deg, #e8eff9 0%, #cdd9f0 100%);
// ── CBAM：青色系（金融 / 贸易 / 国际）──
@qych-policy-header-gradient-cbam: linear-gradient(180deg, #e6f5f2 0%, #f2faf8 52.885%, #fff 100%);
@qych-policy-card-gradient-cbam-1: linear-gradient(180deg, #dfeee9 0%, #c0ddd2 100%);
@qych-policy-card-gradient-cbam-2: linear-gradient(180deg, #e9f3ef 0%, #d0e5dd 100%);
// ── CBAM：青色系（碳关税 / 跨境贸易）──
@qych-policy-header-gradient-cbam: linear-gradient(180deg, #daf0f0 0%, #eef8f8 52.885%, #fff 100%);
@qych-policy-card-gradient-cbam-1: linear-gradient(180deg, #ceeaea 0%, #a3d4d4 100%);
@qych-policy-card-gradient-cbam-2: linear-gradient(180deg, #def2f2 0%, #b8dede 100%);
// ── 航运燃料：蓝绿色系（海洋 / 物流 / 可持续）──
@qych-policy-header-gradient-shipping: linear-gradient(180deg, #e6f4f0 0%, #f2f9f7 52.885%, #fff 100%);
@qych-policy-card-gradient-shipping-1: linear-gradient(180deg, #dff0ea 0%, #c0e0d7 100%);
@qych-policy-card-gradient-shipping-2: linear-gradient(180deg, #eaf5f1 0%, #d2e8e1 100%);
// ── 航运燃料：绿色系（海洋物流 / 能源可持续）──
@qych-policy-header-gradient-shipping: linear-gradient(180deg, #e2f2e4 0%, #f1f8f2 52.885%, #fff 100%);
@qych-policy-card-gradient-shipping-1: linear-gradient(180deg, #d4ead7 0%, #acd4b1 100%);
@qych-policy-card-gradient-shipping-2: linear-gradient(180deg, #e2f0e4 0%, #c0dcc3 100%);
@qych-policy-card-min-height: 164px;
@qych-policy-card-icon-right: 30px;
@qych-policy-card-icon-opacity: 0.3;

8
txw-mhzc-web/src/pages/index/views/qych/index.vue
View File

@ -1159,9 +1159,9 @@ body {
padding-top: 24px;
}
.banner1.qych-snap-section { --qych-section-bg: #f7f9fc; }
.banner2.qych-snap-section { --qych-section-bg: #f6faf9; }
.banner3.qych-snap-section { --qych-section-bg: #f5faf8; }
.banner1.qych-snap-section { --qych-section-bg: #f5f8fc; }
.banner2.qych-snap-section { --qych-section-bg: #f4fafa; }
.banner3.qych-snap-section { --qych-section-bg: #f4f9f5; }
.banner1 {
background: url(../../assets/qych/banner3.png);
@ -1169,7 +1169,7 @@ body {
background-position: center top;
}
.banner2 {
background: #f6faf9;
background: #f4fafa;
}
.banner3 {
background: url(../../assets/qych/banner1.png);