<template>
  <transition
    name="animate__animated animate__bounce"
    enter-active-class="animate__fadeInRight"
    leave-active-class="animate__fadeOutRight"
    appear
  >
    <div class="building-container" v-show="queryParamsXiaoqu.buildingId"></div>
  </transition>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  data() {
    return {};
  },
  computed: {
    ...mapGetters(["queryParamsXiaoqu"]),
  },
};
</script>

<style lang="scss" scoped>
.building-container {
  position: absolute;
  z-index: 100;
  top: 80px;
  right: 0;
  height: calc(100% - 80px);
  width: 500px;
  background: red;
}
</style>
