<script setup lang="ts"></script>
<template>
  <el-skeleton direction="vertical" class="picture" animated>
    <template #template>
      <el-skeleton-item class="item server-name" variant="text" />
      <el-skeleton-item class="item server-pic" variant="rect" />
    </template>
  </el-skeleton>
</template>
<style lang="scss" scoped>
.picture {
  width: 100%;

  .server-name {
    height: 24px;
    width: 100%;
  }
  .server-pic {
    width: 100%;
    height: 332px;
    margin-top: 24px;
  }
}
</style>
