卡片 · card-json JSON卡
卡片家族
索引
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
JSON 卡
card-json：head 主色渐变底标题，body 存放 JSON 文本；引擎自动读出 body 文本（a.jsonDecode）并渲染成彩色树——字符串红 / 数字蓝 / 布尔蓝、对象与数组折叠为 details。
实时示例
config
{"app":"kuoqi-ui","ver":1.005,"debug":false,"plugins":["slider","tree","popup"]}
结构与数据源
<div class="card card-json">
<div class="card-head">config</div>
<div class="card-body">{"app":"kuoqi-ui","ver":1.005}</div>
</div>
注意： 引擎读取
.card-body 的原始文本解析，body 内请只放合法 JSON（含中文无需转义，实体 & 会被还原）；更新数据后可调用 kuoqijs(card).func('sync') 重新渲染。
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页