卡片 · card-tab 标签页
卡片家族
索引
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-tab：head 横向标签（默认主色描边、激活主色底白字），body 内 div[data-act] 仅显示带 .open 的面板；引擎负责点击切换。变体：tab-simple 下划线式、data-format="vertical" 左列式、tab-iframe 全屏嵌页、tab-process 步骤条。
默认结构
基础信息
运营设置
面板一：基础信息内容。
面板二：运营设置内容。
card card-tab tab-simple
基础信息
运营设置
面板一：基础信息内容。
面板二：运营设置内容。
变体速查
| tab-simple | head 3px 灰底线，激活项主色 + 无底色（下划线风格） |
| data-format="vertical" | 左列右内容：head 变左栏（白底），激活主色底白字 |
| tab-iframe | 绝对铺满容器 + grid 三行，body 100% 高承载 iframe |
| tab-marguee | head 横向可滚（overflow-x:scroll），标签不压缩 |
| tab-process | 步骤条：圆点 + 顶部连线，激活项标题主色 |
注意： 展示层仅呈现当前面板（写死
.open）；引擎切换时互斥 .active 与 .open，面板用 [data-act] 匹配。
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页