卡片 · card-nav 导航栏
卡片家族
索引
base
cpanel
crumb
full
page
border
radius
api
artic
namecode
imgs
tips
total
default
box
checkbox
form
form-item
form-inpselect
table
pager
multipled
menubar
mode
menus
tabmenu
code
json
template
tab
slide
paginate
tree
toggle
marquee
timeaxis
waterfall
popup
nav
chatbox
drag
choose
progress
roll
导航栏卡
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 ·
返回首页