1. 首页
  2. 卡片 Card
  3. card-namecode 名称代码

卡片 · card-namecode 名称代码

名称–代码键值卡: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 · 返回首页