fix(webui): 底部导航选中态只换颜色(去掉背景块与顶部指示条)

用户:「同时底部导航栏选中对应的文字和图标变色即可」。

- NarrowNav:删掉 bg-blue-400 顶部指示条
- index.css:.narrow-nav .nav-item[data-active='true'] 背景置 transparent——
  只作用在底部导航;宽屏侧栏是 48px 竖条、没有文字标签,那块底色是它唯一的选中线索
- 图标本就是 stroke=currentColor,所以跟着文字色走(判据钉住这一点)
- 判据 nav-merge ④ + 变异自检:把 bg-blue-400 加回去,④ 立刻红
This commit is contained in:
pi
2026-09-14 17:50:34 +08:00
parent 9965ee2204
commit 59b2575838
3 changed files with 63 additions and 1 deletions

View File

@ -97,7 +97,14 @@ export default function NarrowNav() {
{badge > 99 ? '99+' : badge}
</span>
)}
{active && <span className="absolute top-0 left-1/4 right-1/4 h-0.5 bg-blue-400" />}
{/*
* 选中态**只换颜色**(用户 2026-09-14:「底部导航栏选中对应的文字和图标变色即可」)。
* 这里原本还挂着一条 bg-blue-400 的顶部指示条,加上 .nav-item 的
* nav-active-bg 底色,选中同时被三种手段表达;底部只有 51px 高,
* 多出来的形状只会把图标和标签挤小。现在只有一处:文字/图标变色
* (图标是 currentColor 描边,跟着走),样式见 index.css 的
* `.narrow-nav .nav-item[data-active='true']`。
*/}
</button>
);
})}