卡片 · card-namecode 名称代码
卡片家族
索引
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
名称–代码键值卡:1px 边框 + 圆角 + 内边距,内部
card-name(名称)、card-code(放大代码)、card-line(分隔线)三段,适合「接口名 + 代号」类展示。
三段结构
订单号
OD20260913
状态
SUCCESS
<div class="card card-namecode">
<span class="card-name">订单号</span>
<span class="card-line"></span>
<span class="card-code">OD20260913</span>
</div>
分隔线用法
<div class="card card-namecode">
<span class="card-name">名称</span>
<span class="card-code">VALUE</span>
</div>
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页