骨架屏

skeleton

呼吸脉冲占位块；skeleton--circle 为圆形。

示例

<div style="display:flex;align-items:center;gap:12px">
  <div class="skeleton skeleton--circle" style="width:40px;height:40px"></div>
  <div style="flex:1;display:flex;flex-direction:column;gap:8px">
    <div class="skeleton" style="height:12px;width:45%"></div>
    <div class="skeleton" style="height:12px;width:80%"></div>
  </div>
</div>
<div class="skeleton" style="height:12px;width:100%;margin-top:12px"></div>
<div class="skeleton" style="height:12px;width:66%;margin-top:8px"></div>

安装

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

用法

<div class="skeleton" style="height:12px;width:80%"></div>
<div class="skeleton skeleton--circle" style="width:40px;height:40px"></div>