Setting.vue 876 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template>
  2. <setting-panel>
  3. <div class="view-setting" app-border dir-left>
  4. <div class="ui-title">初始画面</div>
  5. <div class="ui-remark">初始画面为进入场景时第一画面,请拖动全景图选择合适的画面设置。</div>
  6. <div class="preview">
  7. <img :src="initImg+`?${Math.random()}`" v-if="initImg" alt="">
  8. <div class="tips" v-else>
  9. <i class="iconfont iconphotoview" style="font-size: 40px"></i>
  10. </div>
  11. </div>
  12. </div>
  13. </setting-panel>
  14. </template>
  15. <script>
  16. export default {
  17. methods:{
  18. },
  19. data(){
  20. return {
  21. initImg:''
  22. }
  23. },
  24. mounted(){
  25. this.$bus.on('initView',data=>{
  26. this.initImg = data
  27. })
  28. }
  29. }
  30. </script>
  31. <style lang="less" scoped>
  32. .preview{
  33. height: 122px;
  34. margin-top: 10px;
  35. >img{
  36. width: 100%;
  37. height: 100%;
  38. }
  39. }
  40. </style>