vue|vue 360全景图的实现(photo-sphere-viewer)

【vue|vue 360全景图的实现(photo-sphere-viewer)】第一步:安装以下配置
vue|vue 360全景图的实现(photo-sphere-viewer)
文章图片

第二步:在需要的页面引入
vue|vue 360全景图的实现(photo-sphere-viewer)
文章图片

第三步:引入图片
vue|vue 360全景图的实现(photo-sphere-viewer)
文章图片

第四步:在方法里面进行写
vue|vue 360全景图的实现(photo-sphere-viewer)
文章图片

第五步:调用方法
vue|vue 360全景图的实现(photo-sphere-viewer)
文章图片

第六步:在页面上写
vue|vue 360全景图的实现(photo-sphere-viewer)
文章图片

大致上全景图就是这么写的了,css样式什么的你们自己设计

    推荐阅读