<template>
  <el-skeleton animated class="el-skeleton-container">
    <template slot="template">
      <el-skeleton-item variant="text" style="width: 60%;" />
      <el-skeleton-item variant="text" style="width: 100%;" />
      <el-skeleton-item variant="text" style="width: 100%;" />
      <el-skeleton-item variant="text" style="width: 100%;" />
      <el-skeleton-item variant="text" style="width: 60%;" />
      <el-skeleton-item variant="text" style="width: 100%;" />
      <el-skeleton-item variant="text" style="width: 100%;" />
      <el-skeleton-item variant="text" style="width: 100%;" />
    </template>
  </el-skeleton>
</template>

<script>
export default {
  name: 'skeleton'
}
</script>

<style lang="scss" scoped>
.el-skeleton__item {
  height: 20px;
  border-radius: 0;
  margin: 9px 0;
  background: #f0f0f0;
}
</style>
