<template>
  <el-skeleton  animated class="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>
