Skeleton 骨架屏

<!-- 基础用法 -->
  <re-skeleton class="demo-skeleton-loading" :loading="true" />

<!-- 不同类型 -->
  <re-skeleton class="demo-skeleton-avatar" :loading="true" theme="avatar" />
  <re-skeleton class="demo-skeleton-image" :loading="true" theme="image" />
  <re-skeleton class="demo-skeleton-text" :loading="true" theme="text" />
  <re-skeleton class="demo-skeleton-paragraph" :loading="true" theme="paragraph" />

<!-- 动画效果 -->
  <re-skeleton class="demo-skeleton-gradient" :loading="true" animation="gradient" theme="paragraph" />
  <re-skeleton class="demo-skeleton-flashed" :loading="true" animation="flashed" theme="paragraph" />
  <re-skeleton class="demo-skeleton-none" :loading="true" animation="none" theme="paragraph" />

<!-- 段落行数 -->
  <re-skeleton class="demo-skeleton-rows-1" :loading="true" theme="paragraph" :rows="1" />
  <re-skeleton class="demo-skeleton-rows-3" :loading="true" theme="paragraph" :rows="3" />
  <re-skeleton class="demo-skeleton-rows-5" :loading="true" theme="paragraph" :rows="5" />

<!-- 非加载状态 -->
  <re-skeleton class="demo-skeleton-not-loading" :loading="false"> <text>加载完成的内容</text> </re-skeleton>

<!-- 自定义样式 -->
  <re-skeleton class="demo-skeleton-custom-style" :loading="true" theme="text" customStyle="margin-top: 10px;" />

<!-- 头像骨架 -->
  <re-skeleton class="demo-skeleton-avatar-gradient" :loading="true" theme="avatar" animation="gradient" />
  <re-skeleton class="demo-skeleton-avatar-flashed" :loading="true" theme="avatar" animation="flashed" />

<!-- 图片骨架 -->
  <re-skeleton class="demo-skeleton-image-gradient" :loading="true" theme="image" animation="gradient" />
  <re-skeleton class="demo-skeleton-image-none" :loading="true" theme="image" animation="none" />