<template>
  <div style="width: 100%;height: 100%">
    <div class="a" v-if="state === 1"></div>
    <div class="b" v-if="state === 2"></div>
  </div>
</template>
<script setup>

defineProps({
  state: {
    type: Number,
    required: true
  }
});
</script>
<style scoped>
.a {
  width: 100%;
  height: 100%;
  //background-color: #C5C5C5;
  background-image: url("../images/管1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.b {
  width: 100%;
  height: 100%;
  //background-color: #C5C5C5;
  background-image: url("../images/管道1.gif");
  background-repeat: no-repeat;
  background-size: cover;
}
</style>
