<template>
  <transition
    appear
    name="animate__animated animate__move"
    enter-active-class="animate__zoomIn"
    leave-active-class="animate__zoomOut"
  >
    <div class="widget-ProjectIndexStatistic"></div>
  </transition>
</template>

<script lang="ts">
import { Vue, Component, Prop, Watch } from 'vue-property-decorator'
@Component({ name: 'ProjectIndexStatistic' })
export default class ProjectIndexStatistic extends Vue {}
</script>

<style lang='scss' scoped>
.animate__zoomIn,
.animate__zoomOut {
  animation-duration: 3s; //动画持续时间
  animation-delay: 0s; //动画延迟时间
}
.widget-ProjectIndexStatistic {
  background: url('~@/views/groupPage/images/进度计划.png') no-repeat;
  background-size: 100% 100%;
  bottom: 0.052083rem /* 10/192 */;
  left: 50%;
  margin-left: -49%;
  height: 1.354167rem /* 260/192 */;
  width: 98%;
  overflow: hidden;
  position: absolute;
  font-family: Source Han Sans CN;
}
</style>
