编辑器-基础-自动巡游功能和样式

src/views/base/Toolbar.vue

@@ -67,6 +67,7 @@
       <div class="settings-view-wrapper">
         <OpeningTipSettings v-show="activeTab === '开场提示'"></OpeningTipSettings>
         <PasswordSettings v-show="activeTab === '访问密码'"></PasswordSettings>
+        <AutoCruiseSettings v-show="activeTab === '自动巡游'"></AutoCruiseSettings>
       </div>
     </div>
     <eidt-panel
@@ -115,6 +116,7 @@ import { getMaterialList} from "@/api";
 import EidtPanel from "./EditPanel";
 import OpeningTipSettings from '@/views/base/openingTipSettings.vue'
 import PasswordSettings from "@/views/base/passwordSettings.vue";
+import AutoCruiseSettings from '@/views/base/autoCruiseSettings.vue'
 import Table from "@/components/tableSelect";
 import Table2 from "@/components/tableSelect2";
 import Select from "@/components/select";
@@ -130,6 +132,7 @@ export default {
     Select,
     OpeningTipSettings,
     PasswordSettings,
+    AutoCruiseSettings,
   },
   data() {
     return {
@@ -343,7 +346,6 @@ export default {
       outline: none;
       width: 100%;
       height: calc(100% - 30px);
-      padding: 0;
       color: #fff;
       letter-spacing: 1px;
       font-size: 14px;

src/views/base/autoCruiseSettings.vue

@@ -0,0 +1,59 @@
+<template>
+  <div class="auto-cruise-settings">
+    <span class="title">自动巡游</span>
+    <br>
+    <div class="switch-wrapper">
+      <span class="label">进入全景图自动巡游（3分钟完整巡游一次）</span>
+      <Switcher :value="info.isAuto" @change="onSwitcherChange"></Switcher>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from "vuex";
+import Switcher from "@/components/shared/Switcher";
+
+export default {
+  components: {
+    Switcher,
+  },
+  data() {
+    return {
+      password:'',
+      canSee: false,
+    }
+  },
+  computed: {
+    ...mapGetters({
+      info:'info'
+    })
+  },
+  methods: {
+    onSwitcherChange(data) {
+      this.info.isAuto = data
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.auto-cruise-settings {
+  padding: 24px 30px;
+  background: #252526;
+  height: 546px;
+  .title {
+    font-size: 18px;
+    color: #FFFFFF;
+  }
+  .switch-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 18px;
+    .label {
+      color: rgba(255, 255, 255, 0.6);
+      font-size: 14px;
+    }
+  }
+}
+</style>

src/views/base/openingTipSettings.vue

@@ -33,7 +33,7 @@
     <div class="title">显示设置</div>
     <div class="switch-wrapper">
         <span class="label">仅首次打开链接时，提示</span>
-        <switcher name="pano" :value="info.isRemind" @change="onSwitcherChange"></switcher>
+        <switcher :value="info.isRemind" @change="onSwitcherChange"></switcher>
     </div>
     <div class="range-wrapper">
       <RangeItem :value="rang" @input="onRangeChange" />