组件集

wj-panorama

定义：全景图

作用：利用三维three,展示全景图

代码

<template>
  <div id="app">
    <wj-panorama :opt="opt" style="height: 300px;width: 300px;"></wj-panorama>
  </div>
</template>
<script>
export default {
  name: 'App',
  data(){
    return {
      opt:{
        // url:require('@/assets/p5.jpg')
        url:'https://seopic.699pic.com/photo_origin/50164/7079.jpg%21bd800'
      }
    }
  }
}
</script>

Attributes

| 参数 | 说明 | 类型 | 是否必要 | 默认值 | | ---- | ----------------------------------- | ------ | -------- | ------ | | opt | 内需要包含图片url，图片类型，容器id | Object | true | 500 |

 {
     imgSource:'web',//yxweb || web 非必传
     container: 'panorama', //容器，当页面同一时刻使用多个组件时，必须要传
     // url: require('@/assets/images/compre-screen/p5.jpg'), //全景图路径
     url: 'p5.jpg', //全景图路径，https://seopic.699pic.com/photo_origin/50164/7079.jpg%21bd800 || require('@/assets/p5.jpg')
 }