<template>
  <div class="plate">
    <div>
      <ul>
        <li>
          <div class="xy-con">
              <span class="title">进入全景图自动巡游</span>
              <switcher name="pano" :value="info.isAuto" @change="onSwitcherChange"></switcher>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import Switcher from "@/components/shared/Switcher";
import { mapGetters } from "vuex";

export default {
    components:{
      Switcher
    },
    computed: {
      ...mapGetters({
        info:'info'
      })
    },
    data(){
      return {
      }
    },
    methods:{
      onSwitcherChange(data){
        this.info.isAuto = data
      }
    }
}
</script>
<style lang="less" src="./style.less"></style>

<style lang="less" scoped>
.xy-con{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
</style>

