/* * @Author: Morpheus * @Date: 2022-03-31 15:26:19 * @Last Modified by:
|
Morpheus * @Last Modified time: 2022-03-31 15:32:22 * @Name:
|
该组件得作用是什么等 */
|
<template>
|
<!-- 实景窗口
|
mobilePanorama
|
-->
|
<div v-if="openmobilePanorama" class="mobilePanorama">
|
<div class="mobilePanorama-close" @click="closeMobilePanorama">
|
<i class="el-icon-error icon"></i>
|
</div>
|
<iframe :src="openmobilePanorama" width="100%" height="100%" frameborder="0"></iframe>
|
</div>
|
</template>
|
|
<script>
|
import { mapGetters } from 'vuex'
|
export default {
|
name: 'mobilePanorama',
|
computed: {
|
...mapGetters(['openmobilePanorama'])
|
},
|
// watch: {
|
// openmobilePanorama() {
|
// // console.log(this.openmobilePanorama);
|
// if (this.openmobilePanorama) {
|
// console.log("开启全景");
|
// }
|
// },
|
// },
|
data () {
|
return {}
|
},
|
methods: {
|
closeMobilePanorama () {
|
this.$store.commit('MSET_OPENMOBILEPANORAMA', false)
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.mobilePanorama {
|
position: fixed;
|
top: 0;
|
left: 0;
|
width: 100%;
|
height: 100%;
|
z-index: 999;
|
background-color: #fff;
|
|
.mobilePanorama-close {
|
background-color: rgba($color: #fff, $alpha: 0.6);
|
border-radius: 1000px;
|
position: absolute;
|
right: 5px;
|
top: 5px;
|
|
.icon {
|
font-size: 35px;
|
}
|
}
|
}
|
</style>
|
