1. 首页
  2. 卡片 Card
  3. card-menubar 导航条

卡片 · card-menubar 导航条

导航条卡 card-menubar:纯 ul > li > a 直排菜单,每项下 1px 分界线(border-bottom:1px solid #ddd);当前项用 li > span 渲染,主色底 + 白字,充当选中态。
本页内容 直排导航条

直排导航条

<div class="card card-menubar"> <ul> <li><span>首页</span></li> <li><a>用户管理</a></li> <li><a>系统设置</a></li> </ul> </div>
提示: 当前项直接改写成 <span>,无需 JS 状态管理;适合两三级以内的小型导航,大型后台请用 card-menus 侧栏。
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI · 返回首页