设置骨架屏每一项的高度

element-plus 骨架屏每一项的高度可以通过设置 row-height 属性来实现。row-height 属性支持以下类型的值：

- Number：设置固定的行高，如 row-height="50"
- String：设置行高的百分比，如 row-height="20%"

你可以在使用骨架屏组件时，通过设置 row-height 属性来更改每一项的高度。例如：

<template>
  <el-skeleton :row-height="50"></el-skeleton>
</template>

上面的代码将每一项的高度设置为 50px。如果你想将每一项的高度设置为骨架屏高度的一半，可以使用百分比来设置：

<template>
  <el-skeleton :height="200" :row-height="'50%'"></el-skeleton>
</template>

上面的代码将骨架屏的高度设置为 200px，每一项的高度设置为 100px，即骨架屏高度的一半。

相关问题

el-skeleton-item 设置高度

element-plus 骨架屏中每一项的高度可以通过 el-skeleton-item 组件的 height 属性来设置。height 属性支持以下类型的值：

- Number：设置固定高度值，如 height="50"
- String：设置高度的百分比，如 height="50%"

你可以在使用 el-skeleton-item 组件时，通过设置 height 属性来更改其高度。例如：

<template>
  <el-skeleton>
    <el-skeleton-item :height="50"></el-skeleton-item>
  </el-skeleton>
</template>

上面的代码将 el-skeleton-item 组件的高度设置为 50px。如果你想将 el-skeleton-item 组件的高度设置为其父元素高度的一半，可以使用百分比来设置：

<template>
  <div style="height: 100px;">
    <el-skeleton>
      <el-skeleton-item :height="'50%'"></el-skeleton-item>
    </el-skeleton>
  </div>
</template>

上面的代码将 el-skeleton-item 组件的高度设置为其父元素高度的一半，即 50px。