From 81f54040c2cb65537c6c6e1db8358a39a57dea0d Mon Sep 17 00:00:00 2001
From: mayisheng <admin>
Date: Mon, 15 Aug 2022 16:14:01 +0800
Subject: [PATCH] 1
---
src/components/mobilePanorama/index.vue | 26 ++++++++++++++++++++++++--
1 files changed, 24 insertions(+), 2 deletions(-)
diff --git a/src/components/mobilePanorama/index.vue b/src/components/mobilePanorama/index.vue
index 516a31f..18d61b2 100644
--- a/src/components/mobilePanorama/index.vue
+++ b/src/components/mobilePanorama/index.vue
@@ -1,8 +1,20 @@
+/* * @Author: Morpheus * @Date: 2022-03-31 15:26:19 * @Last Modified by:
+Morpheus * @Last Modified time: 2022-03-31 15:32:22 * @Name:
+该组件得作用是什么等 */
<template>
- <div v-show="openmobilePanorama" class="mobilePanorama">
+ <!-- 实景窗口
+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>
@@ -13,6 +25,14 @@
computed: {
...mapGetters(["openmobilePanorama"]),
},
+ // watch: {
+ // openmobilePanorama() {
+ // // console.log(this.openmobilePanorama);
+ // if (this.openmobilePanorama) {
+ // console.log("开启全景");
+ // }
+ // },
+ // },
data() {
return {};
},
@@ -34,6 +54,8 @@
z-index: 1000;
background-color: #fff;
.mobilePanorama-close {
+ background-color: rgba($color: #fff, $alpha: 0.6);
+ border-radius: 1000px;
position: absolute;
right: 5px;
top: 5px;
@@ -42,4 +64,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3