feat(HEL-524): 板块轮动落地 B 五彩版,侧栏/品牌去独立底色
- 新增 5 档强度色 token(日/夜两套,含渐变填充与光晕 alpha),tokens.css - 板块轮动卡片改为 heat-tier-1..5,固定阈值 <65/65-74/75-84/85-94/95+ 映射青/蓝/紫/橙/红,9 个日期列共用同一套映射,与涨跌无关 - 悬停/选中/追踪三态用 --tier-* 局部变量统一驱动,选中态(当次点击格) 用渐变实色+2px 亮边+光晕,追踪态(其余同名格)保留档位底色+2px 描边 +圆点标记,不新增业务状态;修复 hover 规则与 selected 同优先级导致 悬停会覆盖选中/追踪样式的层叠顺序问题(:hover 增加 :not(.selected)) - 图例改为 5 档 + “颜色=强度档位,与涨跌无关” 说明,禁止对普通卡使用绿色 - 侧栏/品牌区去掉独立色块:.module-nav 融入页面 --canvas, 品牌区与顶栏同层(--header-bg),收起侧栏整行透明;仅作用于 非移动端且非「问天」路由,问天页面零改动 - 清理死代码:未生效的 .selected 旧规则与引用未定义变量的 --rotation-heat 声明 - 更新 e2e 断言以匹配新 tier 类名;重新生成 architecture-inventory.json Co-authored-by: Cursor <cursoragent@cursor.com> Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
co-authored by
Cursor
multica-agent
parent
5385bad9ec
commit
4a90c32fcc
@@ -22,9 +22,12 @@
|
||||
<span class="rotation-top-tag">每日 Top 12 热点</span>
|
||||
</header>
|
||||
<div class="rotation-legend" aria-label="板块强度图例">
|
||||
<span><i class="rotation-swatch strong"></i>强度高(90+)</span>
|
||||
<span><i class="rotation-swatch warm"></i>强度中(70–89)</span>
|
||||
<span><i class="rotation-swatch mild"></i>强度低(<70)</span>
|
||||
<span><i class="rotation-swatch tier-1"></i>低·青(<65)</span>
|
||||
<span><i class="rotation-swatch tier-2"></i>中低·蓝(65–74)</span>
|
||||
<span><i class="rotation-swatch tier-3"></i>中高·紫(75–84)</span>
|
||||
<span><i class="rotation-swatch tier-4"></i>高·橙(85–94)</span>
|
||||
<span><i class="rotation-swatch tier-5"></i>最高·红(95+)</span>
|
||||
<span class="rotation-legend-note">颜色=强度档位,与涨跌无关</span>
|
||||
</div>
|
||||
<div id="rotationTracker" class="rotation-tracker" hidden></div>
|
||||
<div id="rotationHistory" class="rotation-history"><div class="empty-state">正在读取轮动历史</div></div>
|
||||
|
||||
Reference in New Issue
Block a user