<template>
  <transition
    appear
    name="animate__animated animate__move"
    enter-active-class="animate__slideInLeft"
    leave-active-class="animate__slideOutLeft"
  >
    <div class="widget-sheji"></div>
  </transition>
</template>

<script lang="ts">
import { getRequestResult } from '@/views/groupPage/apis'
import { Vue, Component, Prop, Watch } from 'vue-property-decorator'
//设计
@Component({ name: 'sheji' })
export default class sheji extends Vue {}
</script>

<style lang="scss" scoped>
.animate__slideInLeft,
.animate__slideOutLeft {
  animation-duration: 3s; //动画持续时间
  animation-delay: 0s; //动画延迟时间
}
.widget-sheji {
  background: url('~@/views/groupPage/images/施工局面评价.png') no-repeat;
  background-size: 100% 100%;
  $size10: 0.052083rem /* 10/192 */;
  $size20: 0.104167rem /* 20/192 */;
  z-index: 2;
  //position
  top: 0.505208rem /* 97/192 */;
  margin-left: $size20 /* 20/192 */;
  position: absolute;
  //size
  height: 2.864583rem /* 550/192 */;
  width: 2.083333rem /* 400/192 */;
  color: #eee;
}
</style>