You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
642 B
35 lines
642 B
8 months ago
|
<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>
|