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

refactor: qych 卡片渐变方向反转 180deg→0deg

Browse Source 
0deg=底部有色→顶部淡色,标题区更干净,黑/灰字更清晰

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
liulujian 2026-07-05 00:56:44 +08:00
parent a7903c299d
commit c4263813dc
1 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -97,19 +97,19 @@
// 渐变（字符串，直接用于 background / background-image）
// -----------------------------------------------------------------------------
@home-gradient-title: linear-gradient(90deg, #008dff 0%, #00e0d3 50.48%, #00c858 100%);
@home-gradient-search-btn: linear-gradient(180deg, @home-color-primary-green 0%, @home-color-primary-green-dark 100%);
@home-gradient-hero-fade: linear-gradient(180deg, @home-color-page-bg-transparent 0%, @home-color-page-bg 100%);
@home-gradient-search-btn: linear-gradient(0deg, @home-color-primary-green 0%, @home-color-primary-green-dark 100%);
@home-gradient-hero-fade: linear-gradient(0deg, @home-color-page-bg-transparent 0%, @home-color-page-bg 100%);
@home-gradient-core-tag: linear-gradient(90deg, #ffffff 0%, #e6efff 36.06%, #e6efff 62.5%, #ffffff 100%);
@home-gradient-ability-card: linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.9) 100%);
@home-gradient-export-btn: linear-gradient(180deg, @home-color-btn-blue-from 0%, @home-color-btn-blue-to 100%);
@home-gradient-card-blue: linear-gradient(180deg, rgba(127, 210, 255, 0.35) 0%, rgba(232, 247, 255, 0.15) 100%);
@home-gradient-card-blue-header: linear-gradient(180deg, rgba(127, 210, 255, 0.55) 0%, rgba(232, 247, 255, 0.35) 100%);
@home-gradient-card-chain-header: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.25) 100%);
@home-gradient-card-green: linear-gradient(180deg, rgba(156, 255, 221, 0.45) 0%, rgba(156, 255, 221, 0.2) 100%);
@home-gradient-card-green-header: linear-gradient(180deg, rgba(107, 255, 204, 0.55) 0%, rgba(107, 255, 204, 0.25) 100%);
@home-gradient-export-btn: linear-gradient(0deg, @home-color-btn-blue-from 0%, @home-color-btn-blue-to 100%);
@home-gradient-card-blue: linear-gradient(0deg, rgba(127, 210, 255, 0.35) 0%, rgba(232, 247, 255, 0.15) 100%);
@home-gradient-card-blue-header: linear-gradient(0deg, rgba(127, 210, 255, 0.55) 0%, rgba(232, 247, 255, 0.35) 100%);
@home-gradient-card-chain-header: linear-gradient(0deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.25) 100%);
@home-gradient-card-green: linear-gradient(0deg, rgba(156, 255, 221, 0.45) 0%, rgba(156, 255, 221, 0.2) 100%);
@home-gradient-card-green-header: linear-gradient(0deg, rgba(107, 255, 204, 0.55) 0%, rgba(107, 255, 204, 0.25) 100%);
@home-gradient-cta-btn: linear-gradient(90deg, @home-color-cta-btn-from 0%, @home-color-cta-btn-to 100%);
@home-gradient-section-title-bar: linear-gradient(180deg, #00b42a, #00d468);
@home-gradient-nav-active: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%);
@home-gradient-section-title-bar: linear-gradient(0deg, #00b42a, #00d468);
@home-gradient-nav-active: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%);
@home-gradient-skeleton: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
@home-gradient-ability-section-bg: linear-gradient(
180deg,
@ -1174,19 +1174,19 @@ html.portal-figma-scale-active.portal-market-figma-scale-active {
@qych-policy-btn-height: 32px;
@qych-policy-btn-radius: 3px;
// ── 电池法案：明亮蓝色系 ──
@qych-policy-header-gradient-battery: linear-gradient(180deg, #d6e6f8 0%, #ecf3fc 52.885%, #fff 100%);
@qych-policy-card-gradient-battery-1: linear-gradient(180deg, #d9e7f6 0%, #edf3fa 100%);
@qych-policy-card-gradient-battery-2: linear-gradient(180deg, #e0ecf8 0%, #f1f6fb 100%);
@qych-policy-header-gradient-battery: linear-gradient(0deg, #d6e6f8 0%, #ecf3fc 52.885%, #fff 100%);
@qych-policy-card-gradient-battery-1: linear-gradient(0deg, #d9e7f6 0%, #edf3fa 100%);
@qych-policy-card-gradient-battery-2: linear-gradient(0deg, #e0ecf8 0%, #f1f6fb 100%);
// ── CBAM：明亮青色系 ──
@qych-policy-header-gradient-cbam: linear-gradient(180deg, #d4eeec 0%, #eaf7f6 52.885%, #fff 100%);
@qych-policy-card-gradient-cbam-1: linear-gradient(180deg, #d6efed 0%, #ebf7f5 100%);
@qych-policy-card-gradient-cbam-2: linear-gradient(180deg, #ddf2f0 0%, #eff9f8 100%);
@qych-policy-header-gradient-cbam: linear-gradient(0deg, #d4eeec 0%, #eaf7f6 52.885%, #fff 100%);
@qych-policy-card-gradient-cbam-1: linear-gradient(0deg, #d6efed 0%, #ebf7f5 100%);
@qych-policy-card-gradient-cbam-2: linear-gradient(0deg, #ddf2f0 0%, #eff9f8 100%);
// ── 航运燃料：明亮绿色系 ──
@qych-policy-header-gradient-shipping: linear-gradient(180deg, #d2e9d5 0%, #eaf5ec 52.885%, #fff 100%);
@qych-policy-card-gradient-shipping-1: linear-gradient(180deg, #d5ead7 0%, #eaf5eb 100%);
@qych-policy-card-gradient-shipping-2: linear-gradient(180deg, #ddeee0 0%, #eff7f0 100%);
@qych-policy-header-gradient-shipping: linear-gradient(0deg, #d2e9d5 0%, #eaf5ec 52.885%, #fff 100%);
@qych-policy-card-gradient-shipping-1: linear-gradient(0deg, #d5ead7 0%, #eaf5eb 100%);
@qych-policy-card-gradient-shipping-2: linear-gradient(0deg, #ddeee0 0%, #eff7f0 100%);
@qych-policy-card-min-height: 164px;
@qych-policy-card-icon-right: 30px;
@qych-policy-card-icon-opacity: 0.3;