Skip to content

F
founder_vue
Commit c06df0a5 by liyuhang19990520
Options

全景720

parent 6de7b373
Showing with 128 additions and 15 deletions
public/index.html
<!--
* @Author: your name
* @Date: 2022-01-24 10:53:29
* @LastEditTime: 2022-01-24 11:14:02
* @LastEditors: your name
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \founder_vue\public\index.html
-->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="utf-8"> <head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<title><%= htmlWebpackPlugin.options.title %></title> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
</head> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.css">
<body style="height: 100vh;"> <script src="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.js"></script>
<noscript> <!-- Latest compiled and minified CSS -->
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> <title>
</noscript> <%= htmlWebpackPlugin.options.title %>
<div id="app"></div> </title>
<!-- built files will be auto injected --> </head>
</body>
</html> <body style="height: 100vh;">
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
\ No newline at end of file
src/router/modules/index.js
/*
* @Author: your name
* @Date: 2022-01-24 10:53:29
* @LastEditTime: 2022-01-24 11:15:56
* @LastEditors: your name
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \founder_vue\src\router\modules\index.js
*/
export default [ export default [
{ {
path: '/', path: '/',
...@@ -20,5 +28,14 @@ export default [ ...@@ -20,5 +28,14 @@ export default [
auth: "5" auth: "5"
}, },
component: () => import("@/views/Home.vue") component: () => import("@/views/Home.vue")
},
{
path: "/3dcs1",
name: "3dcs1",
meta: {
title: "3d图片测试",
auth: "5"
},
component: () => import("@/views/3Dceshi/index.vue")
} }
] ]
\ No newline at end of file
src/views/3Dceshi/index.vue 0 → 100644
<!--
* @Author: your name
* @Date: 2022-01-24 11:14:54
* @LastEditTime: 2022-01-24 12:52:57
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \founder_vue\src\views\3Dceshi\index.vue
-->
<template>
<div id="panorama"></div>
</template>
<script>
export default {
data() {
return {};
},
mounted() {
pannellum.viewer("panorama", {
default: {
firstScene: "circle",
author: "Matthew Petroff",
sceneFadeDuration: 1000,
autoLoad: true,
},
scenes: {
circle: {
title: "Mason Circle",
hfov: 110,
pitch: -3,
yaw: 117,
type: "equirectangular",
URL: require("../../assets/img/gyzm2.jpg"),
panorama: require("../../assets/img/gyzm2.jpg"),
hotSpots: [
{
pitch: -20.1,
yaw: 132.9,
type: "scene",
text: "点击切换场景一",
sceneId: "house",
},
],
},
house: {
title: "Spring House or Dairy",
hfov: 110,
yaw: 5,
type: "equirectangular",
panorama: require("../../assets/img/gyzm1.jpg"),
hotSpots: [
{
pitch: -0.6,
yaw: 37.1,
type: "scene",
text: "点击切换场景二",
sceneId: "circle",
targetYaw: -23,
targetPitch: 2,
},
{
pitch: -0.6,
yaw: 47.1,
type: "scene",
text: "点击切换场景二",
sceneId: "circle",
targetYaw: -23,
targetPitch: 2,
},
],
},
},
});
},
};
</script>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment