1. 首页
  2. 卡片 Card
  3. card-nav 导航栏

卡片 · card-nav 导航栏

导航栏卡 card-nav:position:sticky 吸顶导航——card-head 内 nav-menus 弹性菜单(li 居中、li > a 块级整行可点,active/点击主色调);变体 nav-stuck 吸顶后白底 + 投影、nav-index 透明初始态。
本页内容 吸顶导航

吸顶导航

<div class="card card-nav"> <div class="card-head"> <ul class="nav-menus"> <li><a class="active">首页</a></li> <li><a>产品</a></li> </ul> </div> </div>
nav-stuck吸顶触发后的固定态:白底 + 0 2px 10px 投影(0.5s 过渡)
nav-index透明初始态:去底色投影,hover 转白
li > a.active当前项(引擎 / 业务 JS 维护激活态)
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI · 返回首页