<template>
  <setting-panel>
    <div class="view-setting" app-border dir-left>
      <div class="ui-title">初始画面</div>
      <div class="ui-remark">初始画面为进入场景时第一画面，请拖动全景图选择合适的画面设置。</div>
      <div class="preview">
        <img :src="initImg+`?${Math.random()}`" v-if="initImg" alt="">
        <div class="tips" v-else>
          <i class="iconfont iconphotoview" style="font-size: 40px"></i>
        </div>
      </div>
    </div>
  </setting-panel>
</template>

<script>
export default {
  methods:{

  },
  data(){
    return {
      initImg:''
    }
  },
  mounted(){
      this.$bus.on('initView',data=>{
        this.initImg = data
      })
  }
}
</script>

<style lang="less" scoped>
.preview{
    height: 122px;
    margin-top: 10px;
    >img{
      width: 100%;
      height: 100%;
    }
}
</style>