From cb3af5a6ea4b35596e3d51ce55a39f8d6173e5d6 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Thu, 31 Mar 2022 15:32:46 +0800
Subject: [PATCH] 示例
---
src/components/mobilePanorama/index.vue | 98 +++++++++++++++++++++++++------------------------
1 files changed, 50 insertions(+), 48 deletions(-)
diff --git a/src/components/mobilePanorama/index.vue b/src/components/mobilePanorama/index.vue
index 2d3256a..2ba075a 100644
--- a/src/components/mobilePanorama/index.vue
+++ b/src/components/mobilePanorama/index.vue
@@ -1,61 +1,63 @@
+/*
+ * @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-if="openmobilePanorama" class="mobilePanorama">
- <div class="mobilePanorama-close" @click="closeMobilePanorama">
- <i class="el-icon-error icon"></i>
+ <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>
- <iframe
- :src="openmobilePanorama"
- width="100%"
- height="100%"
- frameborder="0"
- ></iframe>
- </div>
</template>
<script>
-import { mapGetters } from "vuex";
+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);
+ 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: 1000;
- 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;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ 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;
+ .icon {
+ font-size: 35px;
+ }
}
- }
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3