描述列表

desc

desc--bordered 格线列表（--desc-cols 控制列数，--desc-span 跨列）。

示例

发布信息

作品名称: 星野之下
版本: v1.3.0
构建状态: 成功
更新时间: 2026-07-28 10:24
简介: 一款关于星空与约定的短篇视觉小说。

<div class="desc desc--bordered">
  <p class="desc-title">发布信息</p>
  <dl class="desc-grid" style="--desc-cols:2">
    <div class="desc-item"><dt>作品名称</dt><dd>星野之下</dd></div>
    <div class="desc-item"><dt>版本</dt><dd>v1.3.0</dd></div>
    <div class="desc-item"><dt>构建状态</dt><dd>成功</dd></div>
    <div class="desc-item"><dt>更新时间</dt><dd>2026-07-28 10:24</dd></div>
    <div class="desc-item" style="--desc-span:2"><dt>简介</dt><dd>一款关于星空与约定的短篇视觉小说。</dd></div>
  </dl>
</div>

安装

bun add @icen.ai/ui
import '@icen.ai/ui/components/content.css';

用法

<div class="desc desc--bordered">
  <p class="desc-title">标题</p>
  <dl class="desc-grid" style="--desc-cols:2">
    <div class="desc-item"><dt>键</dt><dd>值</dd></div>
  </dl>
</div>