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:
@ -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>
|
||||
);
|
||||
})}
|
||||
|
||||
Reference in New Issue
Block a user