骨架屏 Skeleton

对应 Arco Skeleton，段落与形状使用主题填充色。 属性用法见 Element Plus 文档。

段落与动画

rows 控制段落数量，animated 开启流光效果。

<template>
  <el-skeleton :rows="3" animated style="width: 100%" />
</template>

自定义形状

el-skeleton-item 的 circle 和 rect 对应圆形与矩形占位。

<template>
  <el-skeleton style="width: 100%">
    <template #template>
      <div style="display: flex; gap: 16px; align-items: center">
        <el-skeleton-item variant="circle" />
        <el-skeleton-item variant="rect" style="width: 160px; height: 48px" />
      </div>
    </template>
  </el-skeleton>
</template>

与 Arco 的差异

无明显差异。