feat: 地图导览 首页 瀑布流 导航

.eslintignore

@@ -0,0 +1,3 @@
+/node_modules
+/public
+/.vscode

.gitignore

@@ -1,54 +1,23 @@
-# ---> C
-# Prerequisites
-*.d
-
-# Object files
-*.o
-*.ko
-*.obj
-*.elf
-
-# Linker output
-*.ilk
-*.map
-*.exp
-
-# Precompiled Headers
-*.gch
-*.pch
-
-# Libraries
-*.lib
-*.a
-*.la
-*.lo
-
-# Shared objects (inc. Windows DLLs)
-*.dll
-*.so
-*.so.*
-*.dylib
-
-# Executables
-*.exe
-*.out
-*.app
-*.i*86
-*.x86_64
-*.hex
-
-# Debug files
-*.dSYM/
-*.su
-*.idb
-*.pdb
-
-# Kernel Module Compile Results
-*.mod*
-*.cmd
-.tmp_versions/
-modules.order
-Module.symvers
-Mkfile.old
-dkms.conf
-
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.prettierignore

@@ -0,0 +1,2 @@
+node_modules
+dist

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "bracketSpacing": true,
+  "printWidth": 170,
+  "semi": false,
+  "singleQuote": true,
+  "arrowParens": "avoid",
+  "trailingComma": "none"
+}

babel.config.js

@@ -0,0 +1,4 @@
+module.exports = {
+  presets: ['@vue/cli-plugin-babel/preset'],
+  plugins: ['@babel/plugin-proposal-optional-chaining']
+}

jsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "esnext",
+    "baseUrl": "./",
+    "jsx": "preserve",
+    "moduleResolution": "node",
+    "paths": {
+      "@/*": ["src/*"]
+    },
+    "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
+  }
+}

package.json

@@ -0,0 +1,108 @@
+{
+  "name": "qm_cli",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "@better-scroll/observe-image": "^2.4.2",
+    "@better-scroll/scroll-bar": "^2.4.2",
+    "animate.css": "^4.1.1",
+    "axios": "^0.26.0",
+    "core-js": "^3.8.3",
+    "lottie-web": "^5.9.6",
+    "pinia": "^2.0.11",
+    "swiper": "^8.0.7",
+    "vue": "^3.2.13",
+    "vue-i18n": "^9.1.9",
+    "vue-router": "^4.0.3"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.12.16",
+    "@babel/eslint-parser": "^7.12.16",
+    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
+    "@better-scroll/core": "^2.4.2",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-plugin-router": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "@vue/eslint-config-prettier": "^7.0.0",
+    "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-vue": "^8.0.3",
+    "pinia-logger": "^1.3.2",
+    "prettier": "^2.4.1",
+    "sass": "^1.32.7",
+    "sass-loader": "^12.0.0"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/vue3-essential",
+      "eslint:recommended",
+      "@vue/prettier",
+      "plugin:prettier/recommended"
+    ],
+    "parserOptions": {
+      "parser": "@babel/eslint-parser"
+    },
+    "rules": {
+      "vue/multi-word-component-names": "off",
+      "no-debugger": "off",
+      "no-console": "off",
+      "prettier/prettier": "warn",
+      "no-extra-semi": "off",
+      "no-unused-vars": "warn",
+      "no-await-in-loop": "error",
+      "no-dupe-args": "error",
+      "no-empty": "error",
+      "use-isnan": "error",
+      "accessor-pairs": "error",
+      "array-callback-return": "error",
+      "default-case": "error",
+      "eqeqeq": "error",
+      "guard-for-in": "error",
+      "no-alert": "error",
+      "no-empty-function": "error",
+      "no-eq-null": "error",
+      "no-eval": "error",
+      "no-shadow": "error",
+      "no-new-wrappers": "error",
+      "no-unmodified-loop-condition": "error",
+      "no-useless-return": "error",
+      "radix": "error",
+      "require-await": "error",
+      "no-var": "error",
+      "camelcase": "off",
+      "space-before-function-paren": "off",
+      "no-duplicate-imports": "error",
+      "prefer-arrow-callback": "error",
+      "prefer-const": "error",
+      "prefer-destructuring": "off",
+      "no-useless-rename": "error",
+      "no-const-assign": "error",
+      "block-scoped-var": "error",
+      "prefer-promise-reject-errors": "error",
+      "yoda": "error"
+    },
+    "globals": {
+      "defineProps": "readonly",
+      "defineEmits": "readonly",
+      "defineExpose": "readonly",
+      "withDefaults": "readonly"
+    }
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead",
+    "not ie 11"
+  ]
+}

public/index.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= htmlWebpackPlugin.options.title %></title>
+    <script type="text/javascript" src="/static/qm/three.js"></script>
+		<script type="text/javascript" src="/static/qm/MainMap_QM.js"></script>
+  </head>
+  <body>
+    <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>

public/static/img/dt.gltf

@@ -0,0 +1,215 @@
+{
+	"asset":{
+		"version":"2.0",
+		"generator":"Created using the official Cinema 4D glTF Exporter 1.000x284978"
+	},
+	"buffers":[{
+		"uri":"data:application/octet-stream;base64,SQBAAGgAUgAoADEAWgAmAFAAdQAWADIAdAAlAHUAcwAoAHQAMQBzAEAAUgBcAHEADgBcAHAAKwA6ABcAXABSAEUAHAAsABgAEABtABIAEAAgAG0AYABOAHoAZwBRAGUAZgBnAGQAYwBiAGUAYgBMAGQASwB3AA0ARQAGAHAARQBJAAYAewBqADsAIQARAFoAGgBdAB0ALQBdAAMAPgA/AEEAQwAYAEEAeQBCAHoAAwA0AAIAAgA1ACwAVwAjAFUAPQBXAFQAOABDAG0AVABVAHsAZgBkAAkAJAAMACcAYQBoAGAAGQApAGAAYQBNAGgAIABUAG4AFQBNABQASQAUAF8AOAAbAAQAegA3AFgAGQBYABoAcgB4ADoAbQBuADgAKABMACUAJQBiABYACQAqAHEAXQAaADwABgAkAEMAGQBpAFYAMABIAAEAVgAiADMAFgBjAHIADgBwAF4ATwAsAHEAKgBMAFIAIgAjAFsAPgA1ADMAWwBXAD8AOgAKADwAbABDADYAagBaAEYABAAYADgALQADAC8ALAAcAC4AQwBBAGsAVQAhAGoAeABjAAoAOwBGADAAPwA9AEQAawBEABIAWQAyADoAMwA0AFYAMwBbAD4AIwATACEAOQA9ACAAZgAJAAIAJgBpAFMAHQAtAB8AAwACAAAAWAAZAHoARwALAC8ATgBZACsAUABTAEcAdgB1AFkAbwAGAGwAGABPAAcAGgAFABcAVgBdABkAUQBnAC0AEgA5ABAADwAwAC4AeQBOAEIAQAB0AHYAGAAHADYAHgAcAAQAAgAsAAEAQgArADcADABLAAgAXgBvADYAXAAOAAcALQBdAFEAGwA7AA8ABAAPAB4AHwALAB0AbgB7ABsAUwAZAAsASABHAAAARgBQAEgAQQBPAD4AaQATACIAEQATACYAFQAUAGgAQAB2AGgAKABzADEAJgBTAFAAFgByADIAJQAWAHUAKAAlAHQAcwB0AEAAXAAHAHEAXABFAHAAOgA8ABcAUgAxAEUALABPABgAbQBrABIAIABuAG0ATgB5AHoAUQAKAGUAZwBlAGQAYgBkAGUATAAqAGQAdwApAA0ABgBvAHAASQBfAAYAagBGADsAEQAmAFoAXQAtAB0AXQA0AAMAPwBEAEEAGABPAEEAQgA3AHoANAA1AAIANQBPACwAIwAhAFUAVwBVAFQA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",
+		"byteLength":2940
+	},
+	{
+		"uri":"data:application/octet-stream;base64,JQAmAC0AIAAnABsAHgAkAB0AIAAaAC0ALQAoACAALAAZABoAJAAoABgAHAAZACcAJQAtAB0AGwAsACAANwAtACoANQAiAC0AMwAlADQAAQA5ACAAOAAxAAUABAAqACIAIQAuADYAIwApADMAMAAyAAYALQA3ADUALwAlAB0AIAArADEANAAvAAcABQA5ADgAMgAwABsAOAABADEAOQAFACsABwAjADQAIQA2AAYAKgAEADcALgAsABsAIgA1AAQAIQAGAC4AIwAHACkAJQAbACYAJQAdABsAHwAZACYAJAAcACgAGQAsABgAGgAcAB4AEAAIABQAEwALABAAFAAMABcAFwAPABYABQAGAAEABAAFAAAABwAEAAMABgAHAAIAEgAKABMAFgAOABUAFQANABEADAAIAA0ACAALAAwACwAKAA8ACgAJAA4AEQAJABIAFwATABQAFgASABcAFQARABYADAANAAMACQAIAAYADwAMAAAACAALAAcADgAPAAEACwAKAAQADQAOAAIACgAJAAUAJgAoAC0AJwAfABsAJAAYAB0AGgAeAC0AKAAnACAAGQAcABoAKAAmABgAGQAfACcALQAeAB0ALAAaACAALQAAACoAIgAAAC0AJQAvADQAOQArACAAMQAaAAUAKgAAACIALgAbADYAKQAlADMAMgAsAAYANwAeADUAJQApAB0AKwAaADEALwAdAAcAOQABADgAMAA2ABsAAQAgADEABQAaACsAIwAzADQANgAwAAYABAAeADcALAAyABsANQAeAAQABgAsAC4ABwAdACkAGwAfACYAHQAsABsAGQAYACYAHAAnACgALAAdABgAHAAkAB4ACAAMABQACwAIABAADAAPABcADwAOABYABgACAAEABQABAAAABAAAAAMABwADAAIACgALABMADgANABUADQAJABEACAAJAA0ACwAPAAwACgAOAA8ACQANAA4ACQAKABIAEwAQABQAEgATABcAEQASABYADQACAAMACAAHAAYADAADAAAACwAEAAcADwAAAAEACgAFAAQADgABAAIACQAGAAUAxrBTvwAAAADGsFO/xrBTPwAAAADGsFO/xrBTPwAAAAD1DEI/xrBTvwAAAAD1DEI/1lRlvwAAAADWVGW/1lRlPwAAAADWVGW/1lRlPwAAAADWVGU/1lRlvwAAAADWVGU/1lRlv1OBkz3WVGU/1lRlP1OBkz3WVGU/1lRlP1OBkz3WVGW/1lRlv1OBkz3WVGW/xrBTv1OBkz31DEI/xrBTP1OBkz31DEI/xrBTP1OBkz3GsFO/xrBTv1OBkz3GsFO/1lRlv+tQED7WVGU/1lRlP+tQED7WVGU/1lRlP+tQED7WVGW/1lRlv+tQED7WVGW/xrBTv+tQED71DEI/xrBTP+tQED71DEI/xrBTP+tQED7GsFO/xrBTv+tQED7GsFO/1lRlvw3Ke0DWVGU/1lRlPw3Ke0DWVGU/1lRlP4kZgEDWVGW/xrBTP4kZgEDmsFM/1lRlPw3Ke0DWVGW/1lRlv4kZgEDWVGU/1lRlv4kZgEDWVGW/xrBTPw3Ke0DmsFM/xrBTPz0WgEDGsFO/xrBTP+BVuTvWVGU/1lRlv+BVuTvGsFO/1lRlv+BVuTvGsFM/1lRlvw3Ke0DWVGW/xrBTv4kZgEDmsFM/xrBTvw3Ke0DmsFM/xrBTPw3Ke0DGsFO/xrBTvw3Ke0DGsFO/1lRlvz0WgEDGsFM/xrBTv+BVuTvWVGW/1lRlPz0WgEDGsFO/1lRlP4kZgEDWVGU/xrBTv4kZgEDGsFO/xrBTPz0WgEDWVGU/xrBTvz0WgEDWVGU/1lRlP+BVuTvGsFM/xrBTPz0WgEDWVGW/1lRlPz0WgEDGsFM/xrBTv+BVuTvGsFM/xrBTv+BVuTvWVGU/1lRlvz0WgEDGsFO/xrBTP+BVuTvGsFM/xrBTvz0WgEDWVGW/xrBTP+BVuTvWVGW/1lRlP+BVuTvGsFO/",
+		"byteLength":1500
+	},
+	{
+		"uri":"data:application/octet-stream;base64,AAAHAAYABAABAAIABwAAAAMABwAFAAYAAQADAAIAAAACAAMA0GZmPwAAAADQZma/0GZmv3UegEDQZmY/0GZmvwAAAADQZma/0GZmv3UegEDQZma/0GZmvwAAAADQZmY/0GZmP3UegEDQZmY/0GZmPwAAAADQZmY/0GZmP3UegEDQZma/",
+		"byteLength":132
+	}],
+	"scenes":[{
+		"nodes":[0,
+		1,
+		2]
+	}],
+	"nodes":[{
+		"name":"zhitibox",
+		"mesh":0
+	},
+	{
+		"name":"zhitijiegou",
+		"mesh":1
+	},
+	{
+		"name":"zhitiboli",
+		"mesh":2
+	}],
+	"meshes":[{
+		"name":"zhitibox",
+		"primitives":[{
+			"attributes":{
+				"POSITION":1
+			},
+			"indices":0,
+			"material":0
+		}]
+	},
+	{
+		"name":"zhitijiegou",
+		"primitives":[{
+			"attributes":{
+				"POSITION":3
+			},
+			"indices":2,
+			"material":1
+		}]
+	},
+	{
+		"name":"zhitiboli",
+		"primitives":[{
+			"attributes":{
+				"POSITION":5
+			},
+			"indices":4,
+			"material":2
+		}]
+	}],
+	"accessors":[{
+		"bufferView":0,
+		"type":"SCALAR",
+		"componentType":5123,
+		"count":726,
+		"byteOffset":0,
+		"min":[0],
+		"max":[123]
+	},
+	{
+		"bufferView":1,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":124,
+		"byteOffset":0,
+		"min":[-0.699999988079071,
+		0.0,
+		-0.7774372100830078],
+		"max":[0.699999988079071,
+		1.8124762773513795,
+		0.7774372100830078]
+	},
+	{
+		"bufferView":2,
+		"type":"SCALAR",
+		"componentType":5123,
+		"count":402,
+		"byteOffset":0,
+		"min":[0],
+		"max":[57]
+	},
+	{
+		"bufferView":3,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":58,
+		"byteOffset":0,
+		"min":[-0.8958257436752319,
+		0.0,
+		-0.8958257436752319],
+		"max":[0.8958257436752319,
+		4.003117084503174,
+		0.8958257436752319]
+	},
+	{
+		"bufferView":4,
+		"type":"SCALAR",
+		"componentType":5123,
+		"count":18,
+		"byteOffset":0,
+		"min":[0],
+		"max":[7]
+	},
+	{
+		"bufferView":5,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":8,
+		"byteOffset":0,
+		"min":[-0.9000062942504883,
+		0.0,
+		-0.9000062942504883],
+		"max":[0.9000062942504883,
+		4.00371789932251,
+		0.9000062942504883]
+	}],
+	"bufferViews":[{
+		"buffer":0,
+		"byteOffset":0,
+		"byteLength":1452,
+		"target":34963
+	},
+	{
+		"buffer":0,
+		"byteOffset":1452,
+		"byteLength":1488,
+		"target":34962
+	},
+	{
+		"buffer":1,
+		"byteOffset":0,
+		"byteLength":804,
+		"target":34963
+	},
+	{
+		"buffer":1,
+		"byteOffset":804,
+		"byteLength":696,
+		"target":34962
+	},
+	{
+		"buffer":2,
+		"byteOffset":0,
+		"byteLength":36,
+		"target":34963
+	},
+	{
+		"buffer":2,
+		"byteOffset":36,
+		"byteLength":96,
+		"target":34962
+	}],
+	"materials":[{
+		"pbrMetallicRoughness":{
+			"baseColorFactor":[0.8,
+			0.8,
+			0.8,
+			1.0],
+			"metallicFactor":0.0,
+			"roughnessFactor":0.5
+		},
+		"emissiveFactor":[0.0,
+		0.0,
+		0.0],
+		"alphaMode":"OPAQUE",
+		"doubleSided":true,
+		"name":"cccbox"
+	},
+	{
+		"pbrMetallicRoughness":{
+			"baseColorFactor":[0.5,
+			0.5,
+			0.5,
+			1.0],
+			"metallicFactor":0.0,
+			"roughnessFactor":0.5
+		},
+		"emissiveFactor":[0.0,
+		0.0,
+		0.0],
+		"alphaMode":"OPAQUE",
+		"doubleSided":true,
+		"name":"cccjiegou"
+	},
+	{
+		"pbrMetallicRoughness":{
+			"baseColorFactor":[0.5,
+			0.5,
+			0.5,
+			0.44999999999999998],
+			"metallicFactor":0.0,
+			"roughnessFactor":0.5
+		},
+		"emissiveFactor":[0.0,
+		0.0,
+		0.0],
+		"alphaMode":"BLEND",
+		"doubleSided":true,
+		"name":"ccaboli"
+	}]
+}

public/static/img/model/tree.gltf

@@ -0,0 +1,414 @@
+{
+	"asset":{
+		"version":"2.0",
+		"generator":"Created using the official Cinema 4D glTF Exporter 1.000x284978"
+	},
+	"scenes":[{
+		"nodes":[0]
+	}],
+	"nodes":[{
+		"name":"方块树",
+		"translation":[0.0,
+		54.09450149536133,
+		0.0],
+		"rotation":[0.0,
+		0.0,
+		0.0,
+		-1.0],
+		"scale":[1.0,
+		1.0,
+		1.0],
+		"children":[1,
+		2,
+		3,
+		4]
+	},
+	{
+		"name":"圆柱体",
+		"translation":[0.0,
+		-39.05268859863281,
+		0.0],
+		"rotation":[0.0,
+		0.0,
+		0.0,
+		-1.0],
+		"scale":[1.0,
+		1.0,
+		1.0],
+		"mesh":0
+	},
+	{
+		"name":"圆锥体.2",
+		"translation":[0.0,
+		-2.9577174186706545,
+		0.0],
+		"rotation":[0.0,
+		0.0,
+		0.0,
+		-1.0],
+		"scale":[1.0,
+		1.0,
+		1.0],
+		"mesh":1
+	},
+	{
+		"name":"圆锥体.1",
+		"translation":[0.0,
+		11.526834487915039,
+		0.0],
+		"rotation":[0.0,
+		0.0,
+		0.0,
+		-1.0],
+		"scale":[1.0,
+		1.0,
+		1.0],
+		"mesh":2
+	},
+	{
+		"name":"圆锥体",
+		"translation":[0.0,
+		24.944711685180665,
+		0.0],
+		"rotation":[0.0,
+		0.0,
+		0.0,
+		-1.0],
+		"scale":[1.0,
+		1.0,
+		1.0],
+		"mesh":3
+	}],
+	"meshes":[{
+		"name":"圆柱体",
+		"primitives":[{
+			"attributes":{
+				"POSITION":1,
+				"NORMAL":2,
+				"TEXCOORD_0":3
+			},
+			"indices":0,
+			"material":0
+		}]
+	},
+	{
+		"name":"圆锥体.2",
+		"primitives":[{
+			"attributes":{
+				"POSITION":5,
+				"NORMAL":6,
+				"TEXCOORD_0":7
+			},
+			"indices":4,
+			"material":1
+		}]
+	},
+	{
+		"name":"圆锥体.1",
+		"primitives":[{
+			"attributes":{
+				"POSITION":9,
+				"NORMAL":10,
+				"TEXCOORD_0":11
+			},
+			"indices":8,
+			"material":1
+		}]
+	},
+	{
+		"name":"圆锥体",
+		"primitives":[{
+			"attributes":{
+				"POSITION":13,
+				"NORMAL":14,
+				"TEXCOORD_0":15
+			},
+			"indices":12,
+			"material":1
+		}]
+	}],
+	"accessors":[{
+		"bufferView":0,
+		"type":"SCALAR",
+		"componentType":5123,
+		"count":120,
+		"byteOffset":0,
+		"min":[0],
+		"max":[43]
+	},
+	{
+		"bufferView":1,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":44,
+		"byteOffset":0,
+		"min":[-2.437448501586914,
+		-14.820405006408692,
+		-2.3181512355804445],
+		"max":[2.437448501586914,
+		24.215106964111329,
+		2.3181512355804445]
+	},
+	{
+		"bufferView":1,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":44,
+		"byteOffset":12,
+		"min":[-0.9941859841346741,
+		-1.0,
+		-0.9788010716438294],
+		"max":[0.9941859841346741,
+		1.0,
+		0.9788010716438294]
+	},
+	{
+		"bufferView":1,
+		"type":"VEC2",
+		"componentType":5126,
+		"count":44,
+		"byteOffset":24,
+		"min":[0.0,
+		0.0],
+		"max":[1.0,
+		1.0]
+	},
+	{
+		"bufferView":2,
+		"type":"SCALAR",
+		"componentType":5123,
+		"count":36,
+		"byteOffset":0,
+		"min":[0],
+		"max":[25]
+	},
+	{
+		"bufferView":3,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":26,
+		"byteOffset":0,
+		"min":[-29.99250602722168,
+		-23.775028228759767,
+		-29.99250602722168],
+		"max":[29.99250602722168,
+		16.158737182617189,
+		29.99250602722168]
+	},
+	{
+		"bufferView":3,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":26,
+		"byteOffset":12,
+		"min":[-0.6245018243789673,
+		-1.0,
+		-0.6245018243789673],
+		"max":[0.6245018243789673,
+		0.4690360426902771,
+		0.6245018243789673]
+	},
+	{
+		"bufferView":3,
+		"type":"VEC2",
+		"componentType":5126,
+		"count":26,
+		"byteOffset":24,
+		"min":[0.0,
+		0.0],
+		"max":[1.0,
+		1.0]
+	},
+	{
+		"bufferView":4,
+		"type":"SCALAR",
+		"componentType":5123,
+		"count":36,
+		"byteOffset":0,
+		"min":[0],
+		"max":[25]
+	},
+	{
+		"bufferView":5,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":26,
+		"byteOffset":0,
+		"min":[-22.81072998046875,
+		-13.725996971130371,
+		-22.81072998046875],
+		"max":[22.81072998046875,
+		12.289488792419434,
+		22.81072998046875]
+	},
+	{
+		"bufferView":5,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":26,
+		"byteOffset":12,
+		"min":[-0.6009717583656311,
+		-1.0,
+		-0.6009717583656311],
+		"max":[0.6009717583656311,
+		0.5269401669502258,
+		0.6009717583656311]
+	},
+	{
+		"bufferView":5,
+		"type":"VEC2",
+		"componentType":5126,
+		"count":26,
+		"byteOffset":24,
+		"min":[0.0,
+		0.0],
+		"max":[1.0,
+		1.0]
+	},
+	{
+		"bufferView":6,
+		"type":"SCALAR",
+		"componentType":5123,
+		"count":36,
+		"byteOffset":0,
+		"min":[0],
+		"max":[25]
+	},
+	{
+		"bufferView":7,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":26,
+		"byteOffset":0,
+		"min":[-16.715009689331056,
+		-11.619623184204102,
+		-16.715009689331056],
+		"max":[16.715009689331056,
+		9.005364418029786,
+		16.715009689331056]
+	},
+	{
+		"bufferView":7,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":26,
+		"byteOffset":12,
+		"min":[-0.6135097742080689,
+		-1.0,
+		-0.6135097742080689],
+		"max":[0.6135097742080689,
+		0.4972037374973297,
+		0.6135097742080689]
+	},
+	{
+		"bufferView":7,
+		"type":"VEC2",
+		"componentType":5126,
+		"count":26,
+		"byteOffset":24,
+		"min":[0.0,
+		0.0],
+		"max":[1.0,
+		1.0]
+	}],
+	"bufferViews":[{
+		"buffer":0,
+		"byteOffset":0,
+		"byteLength":240,
+		"target":34963
+	},
+	{
+		"buffer":0,
+		"byteOffset":240,
+		"byteLength":1408,
+		"target":34962,
+		"byteStride":32
+	},
+	{
+		"buffer":1,
+		"byteOffset":0,
+		"byteLength":72,
+		"target":34963
+	},
+	{
+		"buffer":1,
+		"byteOffset":72,
+		"byteLength":832,
+		"target":34962,
+		"byteStride":32
+	},
+	{
+		"buffer":2,
+		"byteOffset":0,
+		"byteLength":72,
+		"target":34963
+	},
+	{
+		"buffer":2,
+		"byteOffset":72,
+		"byteLength":832,
+		"target":34962,
+		"byteStride":32
+	},
+	{
+		"buffer":3,
+		"byteOffset":0,
+		"byteLength":72,
+		"target":34963
+	},
+	{
+		"buffer":3,
+		"byteOffset":72,
+		"byteLength":832,
+		"target":34962,
+		"byteStride":32
+	}],
+	"buffers":[{
+		"uri":"data:application/octet-stream;base64,KwAqACkAKQAVACcAJwATACUAJQARACMAIwAPACEAIQANAB8AHwALAB0AHQAJABsAGwAHABkAGQAFABYAFwABACgAKgAVACkAAgAUAAAAKAABACYAFQATACcAFAASAAAAJgABACQAEwARACUAEgAQAAAAJAABACIAEQAPACMAEAAOAAAAIgABACAADwANACEADgAMAAAAIAABAB4ADQALAB8ADAAKAAAAHgABABwACwAJAB0ACgAIAAAAHAABABoACQAHABsACAAGAAAAGgABABgABwAFABkABgAEAAAAGAABABcABQADABYABAACAAAAAAAAAGEgbcEAAAAAAAAAAAAAgL8AAAAAAAAAPwAAAD8AAAAAirjBQQAAAAAAAAAAAACAPwAAAAAAAAA/AAAAPyj/G0BhIG3BAAAAAAAAAAAAAIC/AAAAAAAAAAAAAAA/KP8bQIq4wUEAAAAA+YJ+PwAAAAC0hdw9AAAAAAAAAABwaPw/YSBtwZdit78AAAAAAACAvwAAAAANkcM90A1TPnBo/D+KuMFBl2K3v08bXj8AAAAARZj+vs3MzD0AAAAAkdJAP2EgbcGXXBTAAAAAAAAAgL8AAAAAQ+SwPvZ4yDyR0kA/irjBQZdcFMCnutE+AAAAAGuJab/NzEw+AAAAAJHSQL9hIG3Bl1wUwAAAAAAAAIC/AAAAAN6NJz/2eMg8kdJAv4q4wUGXXBTAp7pRvgAAAAC1knq/mpmZPgAAAABwaPy/YSBtwZdit78AAAAAAACAvwAAAADejWc/0A1TPnBo/L+KuMFBl2K3v6WzPb8AAAAAIeYrv83MzD4AAAAAKP8bwGEgbcEGE6ylAAAAAAAAgL8AAAAAAACAPwAAAD8o/xvAirjBQQYTrKX5gn6/AAAAALSF3L0AAAA/AAAAAHBo/L9hIG3Bl2K3PwAAAAAAAIC/AAAAAN6NZz+MPEs/cGj8v4q4wUGXYrc/TxtevwAAAABFmP4+mpkZPwAAAACR0kC/YSBtwZdcFEAAAAAAAACAvwAAAADejSc/OLx5P5HSQL+KuMFBl1wUQKe60b4AAAAAa4lpPzMzMz8AAAAAkdJAP2EgbcGXXBRAAAAAAAAAgL8AAAAAQ+SwPji8eT+R0kA/irjBQZdcFECnulE+AAAAALWSej/NzEw/AAAAAHBo/D9hIG3Bl2K3PwAAAAAAAIC/AAAAAA2Rwz2MPEs/cGj8P4q4wUGXYrc/pbM9PwAAAAAh5is/ZmZmPwAAAAAo/xtAYSBtwQAAAAD5gn4/AAAAALSF3L0AAAAAAACAPyj/G0CKuMFBAAAAAAAAAAAAAIA/AAAAAAAAgD8AAAA/cGj8P4q4wUGXYre/AAAAAAAAgD8AAAAA3o1nP9ANUz5waPw/YSBtwZdit7+lsz0/AAAAACHmK7/NzMw9AACAP5HSQD+KuMFBl1wUwAAAAAAAAIA/AAAAAN6NJz/2eMg8kdJAP2EgbcGXXBTAp7pRPgAAAAC1knq/zcxMPgAAgD+R0kC/irjBQZdcFMAAAAAAAACAPwAAAABD5LA+9njIPJHSQL9hIG3Bl1wUwKe60b4AAAAAa4lpv5qZmT4AAIA/cGj8v4q4wUGXYre/AAAAAAAAgD8AAAAADZHDPdANUz5waPy/YSBtwZdit79PG16/AAAAAEWY/r7NzMw+AACAPyj/G8CKuMFBBhOspQAAAAAAAIA/AAAAAAAAAAAAAAA/KP8bwGEgbcEGE6yl+YJ+vwAAAAC0hdw9AAAAPwAAgD9waPy/irjBQZditz8AAAAAAACAPwAAAAANkcM9jDxLP3Bo/L9hIG3Bl2K3P6WzPb8AAAAAIeYrP5qZGT8AAIA/kdJAv4q4wUGXXBRAAAAAAAAAgD8AAAAAQ+SwPji8eT+R0kC/YSBtwZdcFECnulG+AAAAALWSej8zMzM/AACAP5HSQD+KuMFBl1wUQAAAAAAAAIA/AAAAAN6NJz84vHk/kdJAP2EgbcGXXBRAp7rRPgAAAABriWk/zcxMPwAAgD9waPw/irjBQZditz8AAAAAAACAPwAAAADejWc/jDxLP3Bo/D9hIG3Bl2K3P08bXj8AAAAARZj+PmZmZj8AAIA/KP8bQIq4wUEAAAAA+YJ+PwAAAAC0hdw9AACAPwAAAAAo/xtAYSBtwQAAAAD5gn4/AAAAALSF3L0AAIA/AACAPw==",
+		"byteLength":1648
+	},
+	{
+		"uri":"data:application/octet-stream;base64,GQAYABcAFgAVABQAEwASABEAEAAPAA4ADQAIAAwAAQAHAAAACAAGAAsABwAFAAAABgAEAAoABQADAAAABAACAAkAAwABAAAAAAAAAEIzvsEAAAAAAAAAAAAAgL8AAAAAAAAAPwAAAD+n8O9BQjO+wQAAAAAAAAAAAACAvwAAAAAAAAAAAAAAPwAAAAAYRYFBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqFUEJ0IzvsGn8O/BAAAAAAAAgL8AAAAAAAAAPwAAAAAAAAAAGEWBQQAAAAAAAAAAAAAAAAAAAAAAAIA+AAAAAKfw78FCM77BqFWEpwAAAAAAAIC/AAAAAAAAgD8AAAA/AAAAABhFgUEAAAAAAAAAAAAAAAAAAAAAAAAAPwAAAAB7gManQjO+wafw70EAAAAAAACAvwAAAAAAAAA/AACAPwAAAAAYRYFBAAAAAAAAAAAAAAAAAAAAAAAAQD8AAAAAp/DvQUIzvsEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgD+oVQQnQjO+wafw78EAAAAAAAAAAAAAAAAAAIA+AACAP6fw78FCM77BqFWEpwAAAAAAAAAAAAAAAAAAAD8AAIA/e4DGp0IzvsGn8O9BAAAAAAAAAAAAAAAAAABAPwAAgD8AAAAAGEWBQQAAAAAAAAAAAAAAAAAAAAAAAIA/AAAAAKfw70FCM77BAAAAAFrfHz9+JfA+Wt8fvwAAAAAAAIA/AAAAABhFgUEAAAAAWt8fP34l8D5a3x+/AACAPgAAAACoVQQnQjO+wafw78Fa3x8/fiXwPlrfH78AAIA+AACAP6hVBCdCM77Bp/DvwVrfH79+JfA+Wt8fvwAAgD4AAIA/AAAAABhFgUEAAAAAWt8fv34l8D5a3x+/AAAAPwAAAACn8O/BQjO+wahVhKda3x+/fiXwPlrfH78AAAA/AACAP6fw78FCM77BqFWEp1rfH79+JfA+Wt8fPwAAAD8AAIA/AAAAABhFgUEAAAAAWt8fv34l8D5a3x8/AABAPwAAAAB7gManQjO+wafw70Fa3x+/fiXwPlrfHz8AAEA/AACAP3uAxqdCM77Bp/DvQVrfHz9+JfA+Wt8fPwAAQD8AAIA/AAAAABhFgUEAAAAAWt8fP34l8D5a3x8/AACAPwAAAACn8O9BQjO+wQAAAABa3x8/fiXwPlrfHz8AAIA/AACAPw==",
+		"byteLength":904
+	},
+	{
+		"uri":"data:application/octet-stream;base64,GQAYABcAFgAVABQAEwASABEAEAAPAA4ADQAIAAwAAQAHAAAACAAGAAsABwAFAAAABgAEAAoABQADAAAABAACAAkAAwABAAAAAAAAAK+dW8EAAAAAAAAAAAAAgL8AAAAAAAAAPwAAAD9gfLZBr51bwQAAAAAAAAAAAACAvwAAAAAAAAAAAAAAPwAAAAC/oURBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJEvJJq+dW8FgfLbBAAAAAAAAgL8AAAAAAAAAPwAAAAAAAAAAv6FEQQAAAAAAAAAAAAAAAAAAAAAAAIA+AAAAAGB8tsGvnVvBJEtJpwAAAAAAAIC/AAAAAAAAgD8AAAA/AAAAAL+hREEAAAAAAAAAAAAAAAAAAAAAAAAAPwAAAABb+Janr51bwWB8tkEAAAAAAACAvwAAAAAAAAA/AACAPwAAAAC/oURBAAAAAAAAAAAAAAAAAAAAAAAAQD8AAAAAYHy2Qa+dW8EAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgD8kS8kmr51bwWB8tsEAAAAAAAAAAAAAAAAAAIA+AACAP2B8tsGvnVvBJEtJpwAAAAAAAAAAAAAAAAAAAD8AAIA/W/iWp6+dW8FgfLZBAAAAAAAAAAAAAAAAAABAPwAAgD8AAAAAv6FEQQAAAAAAAAAAAAAAAAAAAAAAAIA/AAAAAGB8tkGvnVvBAAAAAEnZGT+N5QY/SdkZvwAAAAAAAIA/AAAAAL+hREEAAAAASdkZP43lBj9J2Rm/AACAPgAAAAAkS8kmr51bwWB8tsFJ2Rk/jeUGP0nZGb8AAIA+AACAPyRLySavnVvBYHy2wUnZGb+N5QY/SdkZvwAAgD4AAIA/AAAAAL+hREEAAAAASdkZv43lBj9J2Rm/AAAAPwAAAABgfLbBr51bwSRLSadJ2Rm/jeUGP0nZGb8AAAA/AACAP2B8tsGvnVvBJEtJp0nZGb+N5QY/SdkZPwAAAD8AAIA/AAAAAL+hREEAAAAASdkZv43lBj9J2Rk/AABAPwAAAABb+Janr51bwWB8tkFJ2Rm/jeUGP0nZGT8AAEA/AACAP1v4lqevnVvBYHy2QUnZGT+N5QY/SdkZPwAAQD8AAIA/AAAAAL+hREEAAAAASdkZP43lBj9J2Rk/AACAPwAAAABgfLZBr51bwQAAAABJ2Rk/jeUGP0nZGT8AAIA/AACAPw==",
+		"byteLength":904
+	},
+	{
+		"uri":"data:application/octet-stream;base64,GQAYABcAFgAVABQAEwASABEAEAAPAA4ADQAIAAwAAQAHAAAACAAGAAsABwAFAAAABgAEAAoABQADAAAABAACAAkAAwABAAAAAAAAAPrpOcEAAAAAAAAAAAAAgL8AAAAAAAAAPwAAAD9XuIVB+uk5wQAAAAAAAAAAAACAvwAAAAAAAAAAAAAAPwAAAAD5FRBBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdYCTJvrpOcFXuIXBAAAAAAAAgL8AAAAAAAAAPwAAAAAAAAAA+RUQQQAAAAAAAAAAAAAAAAAAAAAAAIA+AAAAAFe4hcH66TnBdYATpwAAAAAAAIC/AAAAAAAAgD8AAAA/AAAAAPkVEEEAAAAAAAAAAAAAAAAAAAAAAAAAPwAAAACvQF2n+uk5wVe4hUEAAAAAAACAvwAAAAAAAAA/AACAPwAAAAD5FRBBAAAAAAAAAAAAAAAAAAAAAAAAQD8AAAAAV7iFQfrpOcEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgD91gJMm+uk5wVe4hcEAAAAAAAAAAAAAAAAAAIA+AACAP1e4hcH66TnBdYATpwAAAAAAAAAAAAAAAAAAAD8AAIA/r0Bdp/rpOcFXuIVBAAAAAAAAAAAAAAAAAABAPwAAgD8AAAAA+RUQQQAAAAAAAAAAAAAAAAAAAAAAAIA/AAAAAFe4hUH66TnBAAAAAPoOHT99kf4++g4dvwAAAAAAAIA/AAAAAPkVEEEAAAAA+g4dP32R/j76Dh2/AACAPgAAAAB1gJMm+uk5wVe4hcH6Dh0/fZH+PvoOHb8AAIA+AACAP3WAkyb66TnBV7iFwfoOHb99kf4++g4dvwAAgD4AAIA/AAAAAPkVEEEAAAAA+g4dv32R/j76Dh2/AAAAPwAAAABXuIXB+uk5wXWAE6f6Dh2/fZH+PvoOHb8AAAA/AACAP1e4hcH66TnBdYATp/oOHb99kf4++g4dPwAAAD8AAIA/AAAAAPkVEEEAAAAA+g4dv32R/j76Dh0/AABAPwAAAACvQF2n+uk5wVe4hUH6Dh2/fZH+PvoOHT8AAEA/AACAP69AXaf66TnBV7iFQfoOHT99kf4++g4dPwAAQD8AAIA/AAAAAPkVEEEAAAAA+g4dP32R/j76Dh0/AACAPwAAAABXuIVB+uk5wQAAAAD6Dh0/fZH+PvoOHT8AAIA/AACAPw==",
+		"byteLength":904
+	}],
+	"materials":[{
+		"pbrMetallicRoughness":{
+			"baseColorFactor":[0.48,
+			0.3724800000000004,
+			0.32639999999999999,
+			1.0],
+			"metallicFactor":0.0,
+			"roughnessFactor":0.5
+		},
+		"emissiveFactor":[0.0,
+		0.0,
+		0.0],
+		"alphaMode":"OPAQUE",
+		"doubleSided":true,
+		"name":"材质.1"
+	},
+	{
+		"pbrMetallicRoughness":{
+			"baseColorFactor":[0.2558749999999998,
+			0.75,
+			0.24749999999999998,
+			1.0],
+			"metallicFactor":0.0,
+			"roughnessFactor":0.5
+		},
+		"emissiveFactor":[0.0,
+		0.0,
+		0.0],
+		"alphaMode":"OPAQUE",
+		"doubleSided":true,
+		"name":"材质"
+	}]
+}

public/static/img/model/tree1.gltf

@@ -0,0 +1,414 @@
+{
+	"asset":{
+		"version":"2.0",
+		"generator":"Created using the official Cinema 4D glTF Exporter 1.000x284978"
+	},
+	"scenes":[{
+		"nodes":[0]
+	}],
+	"nodes":[{
+		"name":"方块树",
+		"translation":[0.0,
+		54.09450149536133,
+		0.0],
+		"rotation":[0.0,
+		0.0,
+		0.0,
+		-1.0],
+		"scale":[1.0,
+		1.0,
+		1.0],
+		"children":[1,
+		2,
+		3,
+		4]
+	},
+	{
+		"name":"圆柱体",
+		"translation":[0.0,
+		-39.05268859863281,
+		0.0],
+		"rotation":[0.0,
+		0.0,
+		0.0,
+		-1.0],
+		"scale":[1.0,
+		1.0,
+		1.0],
+		"mesh":0
+	},
+	{
+		"name":"圆锥体.2",
+		"translation":[0.0,
+		-2.9577174186706545,
+		0.0],
+		"rotation":[0.0,
+		0.0,
+		0.0,
+		-1.0],
+		"scale":[1.0,
+		1.0,
+		1.0],
+		"mesh":1
+	},
+	{
+		"name":"圆锥体.1",
+		"translation":[0.0,
+		11.526834487915039,
+		0.0],
+		"rotation":[0.0,
+		0.0,
+		0.0,
+		-1.0],
+		"scale":[1.0,
+		1.0,
+		1.0],
+		"mesh":2
+	},
+	{
+		"name":"圆锥体",
+		"translation":[0.0,
+		24.944711685180665,
+		0.0],
+		"rotation":[0.0,
+		0.0,
+		0.0,
+		-1.0],
+		"scale":[1.0,
+		1.0,
+		1.0],
+		"mesh":3
+	}],
+	"meshes":[{
+		"name":"圆柱体",
+		"primitives":[{
+			"attributes":{
+				"POSITION":1,
+				"NORMAL":2,
+				"TEXCOORD_0":3
+			},
+			"indices":0,
+			"material":0
+		}]
+	},
+	{
+		"name":"圆锥体.2",
+		"primitives":[{
+			"attributes":{
+				"POSITION":5,
+				"NORMAL":6,
+				"TEXCOORD_0":7
+			},
+			"indices":4,
+			"material":1
+		}]
+	},
+	{
+		"name":"圆锥体.1",
+		"primitives":[{
+			"attributes":{
+				"POSITION":9,
+				"NORMAL":10,
+				"TEXCOORD_0":11
+			},
+			"indices":8,
+			"material":1
+		}]
+	},
+	{
+		"name":"圆锥体",
+		"primitives":[{
+			"attributes":{
+				"POSITION":13,
+				"NORMAL":14,
+				"TEXCOORD_0":15
+			},
+			"indices":12,
+			"material":1
+		}]
+	}],
+	"accessors":[{
+		"bufferView":0,
+		"type":"SCALAR",
+		"componentType":5123,
+		"count":120,
+		"byteOffset":0,
+		"min":[0],
+		"max":[43]
+	},
+	{
+		"bufferView":1,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":44,
+		"byteOffset":0,
+		"min":[-2.437448501586914,
+		-14.820405006408692,
+		-2.3181512355804445],
+		"max":[2.437448501586914,
+		24.215106964111329,
+		2.3181512355804445]
+	},
+	{
+		"bufferView":1,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":44,
+		"byteOffset":12,
+		"min":[-0.9941859841346741,
+		-1.0,
+		-0.9788010716438294],
+		"max":[0.9941859841346741,
+		1.0,
+		0.9788010716438294]
+	},
+	{
+		"bufferView":1,
+		"type":"VEC2",
+		"componentType":5126,
+		"count":44,
+		"byteOffset":24,
+		"min":[0.0,
+		0.0],
+		"max":[1.0,
+		1.0]
+	},
+	{
+		"bufferView":2,
+		"type":"SCALAR",
+		"componentType":5123,
+		"count":36,
+		"byteOffset":0,
+		"min":[0],
+		"max":[25]
+	},
+	{
+		"bufferView":3,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":26,
+		"byteOffset":0,
+		"min":[-29.99250602722168,
+		-23.775028228759767,
+		-29.99250602722168],
+		"max":[29.99250602722168,
+		16.158737182617189,
+		29.99250602722168]
+	},
+	{
+		"bufferView":3,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":26,
+		"byteOffset":12,
+		"min":[-0.6245018243789673,
+		-1.0,
+		-0.6245018243789673],
+		"max":[0.6245018243789673,
+		0.4690360426902771,
+		0.6245018243789673]
+	},
+	{
+		"bufferView":3,
+		"type":"VEC2",
+		"componentType":5126,
+		"count":26,
+		"byteOffset":24,
+		"min":[0.0,
+		0.0],
+		"max":[1.0,
+		1.0]
+	},
+	{
+		"bufferView":4,
+		"type":"SCALAR",
+		"componentType":5123,
+		"count":36,
+		"byteOffset":0,
+		"min":[0],
+		"max":[25]
+	},
+	{
+		"bufferView":5,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":26,
+		"byteOffset":0,
+		"min":[-22.81072998046875,
+		-13.725996971130371,
+		-22.81072998046875],
+		"max":[22.81072998046875,
+		12.289488792419434,
+		22.81072998046875]
+	},
+	{
+		"bufferView":5,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":26,
+		"byteOffset":12,
+		"min":[-0.6009717583656311,
+		-1.0,
+		-0.6009717583656311],
+		"max":[0.6009717583656311,
+		0.5269401669502258,
+		0.6009717583656311]
+	},
+	{
+		"bufferView":5,
+		"type":"VEC2",
+		"componentType":5126,
+		"count":26,
+		"byteOffset":24,
+		"min":[0.0,
+		0.0],
+		"max":[1.0,
+		1.0]
+	},
+	{
+		"bufferView":6,
+		"type":"SCALAR",
+		"componentType":5123,
+		"count":36,
+		"byteOffset":0,
+		"min":[0],
+		"max":[25]
+	},
+	{
+		"bufferView":7,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":26,
+		"byteOffset":0,
+		"min":[-16.715009689331056,
+		-11.619623184204102,
+		-16.715009689331056],
+		"max":[16.715009689331056,
+		9.005364418029786,
+		16.715009689331056]
+	},
+	{
+		"bufferView":7,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":26,
+		"byteOffset":12,
+		"min":[-0.6135097742080689,
+		-1.0,
+		-0.6135097742080689],
+		"max":[0.6135097742080689,
+		0.4972037374973297,
+		0.6135097742080689]
+	},
+	{
+		"bufferView":7,
+		"type":"VEC2",
+		"componentType":5126,
+		"count":26,
+		"byteOffset":24,
+		"min":[0.0,
+		0.0],
+		"max":[1.0,
+		1.0]
+	}],
+	"bufferViews":[{
+		"buffer":0,
+		"byteOffset":0,
+		"byteLength":240,
+		"target":34963
+	},
+	{
+		"buffer":0,
+		"byteOffset":240,
+		"byteLength":1408,
+		"target":34962,
+		"byteStride":32
+	},
+	{
+		"buffer":1,
+		"byteOffset":0,
+		"byteLength":72,
+		"target":34963
+	},
+	{
+		"buffer":1,
+		"byteOffset":72,
+		"byteLength":832,
+		"target":34962,
+		"byteStride":32
+	},
+	{
+		"buffer":2,
+		"byteOffset":0,
+		"byteLength":72,
+		"target":34963
+	},
+	{
+		"buffer":2,
+		"byteOffset":72,
+		"byteLength":832,
+		"target":34962,
+		"byteStride":32
+	},
+	{
+		"buffer":3,
+		"byteOffset":0,
+		"byteLength":72,
+		"target":34963
+	},
+	{
+		"buffer":3,
+		"byteOffset":72,
+		"byteLength":832,
+		"target":34962,
+		"byteStride":32
+	}],
+	"buffers":[{
+		"uri":"data:application/octet-stream;base64,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",
+		"byteLength":1648
+	},
+	{
+		"uri":"data:application/octet-stream;base64,GQAYABcAFgAVABQAEwASABEAEAAPAA4ADQAIAAwAAQAHAAAACAAGAAsABwAFAAAABgAEAAoABQADAAAABAACAAkAAwABAAAAAAAAAEIzvsEAAAAAAAAAAAAAgL8AAAAAAAAAPwAAAD+n8O9BQjO+wQAAAAAAAAAAAACAvwAAAAAAAAAAAAAAPwAAAAAYRYFBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqFUEJ0IzvsGn8O/BAAAAAAAAgL8AAAAAAAAAPwAAAAAAAAAAGEWBQQAAAAAAAAAAAAAAAAAAAAAAAIA+AAAAAKfw78FCM77BqFWEpwAAAAAAAIC/AAAAAAAAgD8AAAA/AAAAABhFgUEAAAAAAAAAAAAAAAAAAAAAAAAAPwAAAAB7gManQjO+wafw70EAAAAAAACAvwAAAAAAAAA/AACAPwAAAAAYRYFBAAAAAAAAAAAAAAAAAAAAAAAAQD8AAAAAp/DvQUIzvsEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgD+oVQQnQjO+wafw78EAAAAAAAAAAAAAAAAAAIA+AACAP6fw78FCM77BqFWEpwAAAAAAAAAAAAAAAAAAAD8AAIA/e4DGp0IzvsGn8O9BAAAAAAAAAAAAAAAAAABAPwAAgD8AAAAAGEWBQQAAAAAAAAAAAAAAAAAAAAAAAIA/AAAAAKfw70FCM77BAAAAAFrfHz9+JfA+Wt8fvwAAAAAAAIA/AAAAABhFgUEAAAAAWt8fP34l8D5a3x+/AACAPgAAAACoVQQnQjO+wafw78Fa3x8/fiXwPlrfH78AAIA+AACAP6hVBCdCM77Bp/DvwVrfH79+JfA+Wt8fvwAAgD4AAIA/AAAAABhFgUEAAAAAWt8fv34l8D5a3x+/AAAAPwAAAACn8O/BQjO+wahVhKda3x+/fiXwPlrfH78AAAA/AACAP6fw78FCM77BqFWEp1rfH79+JfA+Wt8fPwAAAD8AAIA/AAAAABhFgUEAAAAAWt8fv34l8D5a3x8/AABAPwAAAAB7gManQjO+wafw70Fa3x+/fiXwPlrfHz8AAEA/AACAP3uAxqdCM77Bp/DvQVrfHz9+JfA+Wt8fPwAAQD8AAIA/AAAAABhFgUEAAAAAWt8fP34l8D5a3x8/AACAPwAAAACn8O9BQjO+wQAAAABa3x8/fiXwPlrfHz8AAIA/AACAPw==",
+		"byteLength":904
+	},
+	{
+		"uri":"data:application/octet-stream;base64,GQAYABcAFgAVABQAEwASABEAEAAPAA4ADQAIAAwAAQAHAAAACAAGAAsABwAFAAAABgAEAAoABQADAAAABAACAAkAAwABAAAAAAAAAK+dW8EAAAAAAAAAAAAAgL8AAAAAAAAAPwAAAD9gfLZBr51bwQAAAAAAAAAAAACAvwAAAAAAAAAAAAAAPwAAAAC/oURBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJEvJJq+dW8FgfLbBAAAAAAAAgL8AAAAAAAAAPwAAAAAAAAAAv6FEQQAAAAAAAAAAAAAAAAAAAAAAAIA+AAAAAGB8tsGvnVvBJEtJpwAAAAAAAIC/AAAAAAAAgD8AAAA/AAAAAL+hREEAAAAAAAAAAAAAAAAAAAAAAAAAPwAAAABb+Janr51bwWB8tkEAAAAAAACAvwAAAAAAAAA/AACAPwAAAAC/oURBAAAAAAAAAAAAAAAAAAAAAAAAQD8AAAAAYHy2Qa+dW8EAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgD8kS8kmr51bwWB8tsEAAAAAAAAAAAAAAAAAAIA+AACAP2B8tsGvnVvBJEtJpwAAAAAAAAAAAAAAAAAAAD8AAIA/W/iWp6+dW8FgfLZBAAAAAAAAAAAAAAAAAABAPwAAgD8AAAAAv6FEQQAAAAAAAAAAAAAAAAAAAAAAAIA/AAAAAGB8tkGvnVvBAAAAAEnZGT+N5QY/SdkZvwAAAAAAAIA/AAAAAL+hREEAAAAASdkZP43lBj9J2Rm/AACAPgAAAAAkS8kmr51bwWB8tsFJ2Rk/jeUGP0nZGb8AAIA+AACAPyRLySavnVvBYHy2wUnZGb+N5QY/SdkZvwAAgD4AAIA/AAAAAL+hREEAAAAASdkZv43lBj9J2Rm/AAAAPwAAAABgfLbBr51bwSRLSadJ2Rm/jeUGP0nZGb8AAAA/AACAP2B8tsGvnVvBJEtJp0nZGb+N5QY/SdkZPwAAAD8AAIA/AAAAAL+hREEAAAAASdkZv43lBj9J2Rk/AABAPwAAAABb+Janr51bwWB8tkFJ2Rm/jeUGP0nZGT8AAEA/AACAP1v4lqevnVvBYHy2QUnZGT+N5QY/SdkZPwAAQD8AAIA/AAAAAL+hREEAAAAASdkZP43lBj9J2Rk/AACAPwAAAABgfLZBr51bwQAAAABJ2Rk/jeUGP0nZGT8AAIA/AACAPw==",
+		"byteLength":904
+	},
+	{
+		"uri":"data:application/octet-stream;base64,GQAYABcAFgAVABQAEwASABEAEAAPAA4ADQAIAAwAAQAHAAAACAAGAAsABwAFAAAABgAEAAoABQADAAAABAACAAkAAwABAAAAAAAAAPrpOcEAAAAAAAAAAAAAgL8AAAAAAAAAPwAAAD9XuIVB+uk5wQAAAAAAAAAAAACAvwAAAAAAAAAAAAAAPwAAAAD5FRBBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdYCTJvrpOcFXuIXBAAAAAAAAgL8AAAAAAAAAPwAAAAAAAAAA+RUQQQAAAAAAAAAAAAAAAAAAAAAAAIA+AAAAAFe4hcH66TnBdYATpwAAAAAAAIC/AAAAAAAAgD8AAAA/AAAAAPkVEEEAAAAAAAAAAAAAAAAAAAAAAAAAPwAAAACvQF2n+uk5wVe4hUEAAAAAAACAvwAAAAAAAAA/AACAPwAAAAD5FRBBAAAAAAAAAAAAAAAAAAAAAAAAQD8AAAAAV7iFQfrpOcEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgD91gJMm+uk5wVe4hcEAAAAAAAAAAAAAAAAAAIA+AACAP1e4hcH66TnBdYATpwAAAAAAAAAAAAAAAAAAAD8AAIA/r0Bdp/rpOcFXuIVBAAAAAAAAAAAAAAAAAABAPwAAgD8AAAAA+RUQQQAAAAAAAAAAAAAAAAAAAAAAAIA/AAAAAFe4hUH66TnBAAAAAPoOHT99kf4++g4dvwAAAAAAAIA/AAAAAPkVEEEAAAAA+g4dP32R/j76Dh2/AACAPgAAAAB1gJMm+uk5wVe4hcH6Dh0/fZH+PvoOHb8AAIA+AACAP3WAkyb66TnBV7iFwfoOHb99kf4++g4dvwAAgD4AAIA/AAAAAPkVEEEAAAAA+g4dv32R/j76Dh2/AAAAPwAAAABXuIXB+uk5wXWAE6f6Dh2/fZH+PvoOHb8AAAA/AACAP1e4hcH66TnBdYATp/oOHb99kf4++g4dPwAAAD8AAIA/AAAAAPkVEEEAAAAA+g4dv32R/j76Dh0/AABAPwAAAACvQF2n+uk5wVe4hUH6Dh2/fZH+PvoOHT8AAEA/AACAP69AXaf66TnBV7iFQfoOHT99kf4++g4dPwAAQD8AAIA/AAAAAPkVEEEAAAAA+g4dP32R/j76Dh0/AACAPwAAAABXuIVB+uk5wQAAAAD6Dh0/fZH+PvoOHT8AAIA/AACAPw==",
+		"byteLength":904
+	}],
+	"materials":[{
+		"pbrMetallicRoughness":{
+			"baseColorFactor":[0.48,
+			0.3724800000000004,
+			0.32639999999999999,
+			1.0],
+			"metallicFactor":0.0,
+			"roughnessFactor":0.5
+		},
+		"emissiveFactor":[0.0,
+		0.0,
+		0.0],
+		"alphaMode":"OPAQUE",
+		"doubleSided":true,
+		"name":"材质.1"
+	},
+	{
+		"pbrMetallicRoughness":{
+			"baseColorFactor":[0.2558749999999998,
+			0.75,
+			0.24749999999999998,
+			1.0],
+			"metallicFactor":0.0,
+			"roughnessFactor":0.5
+		},
+		"emissiveFactor":[0.0,
+		0.0,
+		0.0],
+		"alphaMode":"OPAQUE",
+		"doubleSided":true,
+		"name":"材质"
+	}]
+}

public/static/img/model/tree2.gltf

@@ -0,0 +1,278 @@
+{
+	"accessors":[{
+		"bufferView":0,
+		"type":"SCALAR",
+		"componentType":5123,
+		"count":120,
+		"byteOffset":0,
+		"min":[0],
+		"max":[43]
+	},
+	{
+		"bufferView":1,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":44,
+		"byteOffset":0,
+		"min":[-1.5592790842056275,
+		-7.716405391693115,
+		-1.4829624891281129],
+		"max":[1.5592790842056275,
+		22.476333618164064,
+		1.4829624891281129]
+	},
+	{
+		"bufferView":1,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":44,
+		"byteOffset":12,
+		"min":[-0.9941859841346741,
+		-1.0,
+		-0.9788010716438294],
+		"max":[0.9510564804077148,
+		1.0,
+		0.9788010716438294]
+	},
+	{
+		"bufferView":2,
+		"type":"SCALAR",
+		"componentType":5123,
+		"count":150,
+		"byteOffset":0,
+		"min":[0],
+		"max":[83]
+	},
+	{
+		"bufferView":3,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":84,
+		"byteOffset":0,
+		"min":[-13.293521881103516,
+		-8.483272552490235,
+		-12.642890930175782],
+		"max":[13.293521881103516,
+		46.08864212036133,
+		12.642890930175782]
+	},
+	{
+		"bufferView":3,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":84,
+		"byteOffset":12,
+		"min":[-0.9780094027519226,
+		-1.0,
+		-0.962874710559845],
+		"max":[0.9368661046028137,
+		0.972068727016449,
+		0.962874710559845]
+	},
+	{
+		"bufferView":4,
+		"type":"SCALAR",
+		"componentType":5123,
+		"count":150,
+		"byteOffset":0,
+		"min":[0],
+		"max":[83]
+	},
+	{
+		"bufferView":5,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":84,
+		"byteOffset":0,
+		"min":[-8.108415603637696,
+		21.193065643310548,
+		-7.71156120300293],
+		"max":[8.108415603637696,
+		49.53998947143555,
+		7.71156120300293]
+	},
+	{
+		"bufferView":5,
+		"type":"VEC3",
+		"componentType":5126,
+		"count":84,
+		"byteOffset":12,
+		"min":[-0.9736390113830566,
+		-1.0,
+		-0.9585720896720886],
+		"max":[0.9330223202705383,
+		0.9720688462257385,
+		0.9585720896720886]
+	}],
+	"nodes":[{
+		"name":"圆形",
+		"children":[1,
+		2,
+		3]
+	},
+	{
+		"mesh":0,
+		"name":"圆柱体",
+		"translation":[0.0,
+		7.3799638748168949,
+		7.324226979305102e-15],
+		"rotation":[0.0,
+		0.0,
+		0.0,
+		-1.0],
+		"scale":[1.0,
+		1.0,
+		1.0]
+	},
+	{
+		"mesh":1,
+		"name":"圆锥体.3",
+		"translation":[0.0,
+		29.61060905456543,
+		-1.1869281048670195e-15],
+		"rotation":[0.0,
+		0.0,
+		0.0,
+		-1.0],
+		"scale":[1.0,
+		1.0,
+		1.0]
+	},
+	{
+		"mesh":2,
+		"name":"圆锥体",
+		"translation":[0.0,
+		42.54069137573242,
+		-6.137299615591911e-15],
+		"rotation":[0.0,
+		0.0,
+		0.0,
+		-1.0],
+		"scale":[1.0,
+		1.0,
+		1.0]
+	}],
+	"asset":{
+		"version":"2.0",
+		"generator":"Created using the official Cinema 4D glTF Exporter 1.000x284978"
+	},
+	"scenes":[{
+		"nodes":[0]
+	}],
+	"meshes":[{
+		"name":"圆柱体",
+		"primitives":[{
+			"attributes":{
+				"POSITION":1,
+				"NORMAL":2
+			},
+			"indices":0,
+			"material":0
+		}]
+	},
+	{
+		"name":"圆锥体.3",
+		"primitives":[{
+			"attributes":{
+				"POSITION":4,
+				"NORMAL":5
+			},
+			"indices":3,
+			"material":1
+		}]
+	},
+	{
+		"name":"圆锥体",
+		"primitives":[{
+			"attributes":{
+				"POSITION":7,
+				"NORMAL":8
+			},
+			"indices":6,
+			"material":1
+		}]
+	}],
+	"bufferViews":[{
+		"buffer":0,
+		"byteOffset":0,
+		"byteLength":240,
+		"target":34963
+	},
+	{
+		"buffer":0,
+		"byteOffset":240,
+		"byteLength":1056,
+		"byteStride":24,
+		"target":34962
+	},
+	{
+		"buffer":1,
+		"byteOffset":0,
+		"byteLength":300,
+		"target":34963
+	},
+	{
+		"buffer":1,
+		"byteOffset":300,
+		"byteLength":2016,
+		"byteStride":24,
+		"target":34962
+	},
+	{
+		"buffer":2,
+		"byteOffset":0,
+		"byteLength":300,
+		"target":34963
+	},
+	{
+		"buffer":2,
+		"byteOffset":300,
+		"byteLength":2016,
+		"byteStride":24,
+		"target":34962
+	}],
+	"buffers":[{
+		"uri":"data:application/octet-stream;base64,BAACAAAABQADABYAGAABABcABgAEAAAABwAFABkAGgABABgACAAGAAAACQAHABsAHAABABoACgAIAAAACwAJAB0AHgABABwADAAKAAAADQALAB8AIAABAB4ADgAMAAAADwANACEAIgABACAAEAAOAAAAEQAPACMAJAABACIAEgAQAAAAEwARACUAJgABACQAFAASAAAAFQATACcAKAABACYAAgAUAAAAKgAVACkAFwABACgAGQAFABYAGwAHABkAHQAJABsAHwALAB0AIQANAB8AIwAPACEAJQARACMAJwATACUAKQAVACcAKwAqACkAAAAAAMvs9sAdlOYnAAAAAAAAgL8AAAAAAAAAAIjPs0EEmBQoAAAAAAAAgD8AAAAAdZbHP8vs9sAdlOYnAAAAAAAAgL8AAAAAdZbHP4jPs0EEmBQocHhzP/GFriN+N56+SHihP8vs9sAjoWq/AAAAAAAAgL8AAAAASHihP4jPs0EjoWq/ThtePw1A8yJFmP6+OLT2Psvs9sC30b2/AAAAAAAAgL8AAAAAOLT2PojPs0G30b2/p7rRPgAAAABriWm/OLT2vsvs9sC30b2/AAAAAAAAgL8AAAAAOLT2vojPs0G30b2/p7pRvgAAAAC1knq/SHihv8vs9sAjoWq/AAAAAAAAgL8AAAAASHihv4jPs0EjoWq/pbM9vwAAAAAh5iu/dZbHv8vs9sDast8nAAAAAAAAgL8AAAAAdZbHv4jPs0FiJxEo+YJ+vw9A86K3hdy9SHihv8vs9sAjoWo/AAAAAAAAgL8AAAAASHihv4jPs0EjoWo/Thtevw1A86JHmP4+OLT2vsvs9sC30b0/AAAAAAAAgL8AAAAAOLT2vojPs0G30b0/pLrRvgAAAABriWk/OLT2Psvs9sC30b0/AAAAAAAAgL8AAAAAOLT2PojPs0G30b0/pLpRPgAAAAC1kno/SHihP8vs9sAjoWo/AAAAAAAAgL8AAAAASHihP4jPs0EjoWo/pbM9PwAAAAAj5is/dZbHP8vs9sAdlOYncHhzP/GFLiN+N56+dZbHP4jPs0EEmBQoAAAAAAAAgD8AAAAASHihP4jPs0EjoWq/AAAAAAAAgD8AAAAASHihP8vs9sAjoWq/pbM9PwAAAAAh5iu/OLT2PojPs0G30b2/AAAAAAAAgD8AAAAAOLT2Psvs9sC30b2/p7pRPgAAAAC1knq/OLT2vojPs0G30b2/AAAAAAAAgD8AAAAAOLT2vsvs9sC30b2/p7rRvgAAAABriWm/SHihv4jPs0EjoWq/AAAAAAAAgD8AAAAASHihv8vs9sAjoWq/ThtevwAAAABFmP6+dZbHv4jPs0FiJxEoAAAAAAAAgD8AAAAAdZbHv8vs9sDast8n+YJ+vw9A86K3hdw9SHihv4jPs0EjoWo/AAAAAAAAgD8AAAAASHihv8vs9sAjoWo/pbM9vwAAAAAj5is/OLT2vojPs0G30b0/AAAAAAAAgD8AAAAAOLT2vsvs9sC30b0/pLpRvgAAAAC1kno/OLT2PojPs0G30b0/AAAAAAAAgD8AAAAAOLT2Psvs9sC30b0/pLrRPgAAAABriWk/SHihP4jPs0EjoWo/AAAAAAAAgD8AAAAASHihP8vs9sAjoWo/ThtePwAAAABHmP4+dZbHP4jPs0EEmBQocHhzPwAAAAB+N54+dZbHP8vs9sAdlOYncHhzPwAAAAB+N54+",
+		"byteLength":1296
+	},
+	{
+		"uri":"data:application/octet-stream;base64,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",
+		"byteLength":2316
+	},
+	{
+		"uri":"data:application/octet-stream;base64,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",
+		"byteLength":2316
+	}],
+	"materials":[{
+		"pbrMetallicRoughness":{
+			"baseColorFactor":[0.47999998927116396,
+			0.37248000502586367,
+			0.3264000117778778,
+			1.0],
+			"metallicFactor":0.0,
+			"roughnessFactor":0.5356143810225276
+		},
+		"emissiveFactor":[0.0,
+		0.0,
+		0.0],
+		"alphaMode":"OPAQUE",
+		"doubleSided":false,
+		"name":"材质.1"
+	},
+	{
+		"pbrMetallicRoughness":{
+			"baseColorFactor":[0.25587499141693106,
+			0.75,
+			0.24750000238418574,
+			1.0],
+			"metallicFactor":0.0,
+			"roughnessFactor":0.5356143810225276
+		},
+		"emissiveFactor":[0.0,
+		0.0,
+		0.0],
+		"alphaMode":"OPAQUE",
+		"doubleSided":false,
+		"name":"材质"
+	}]
+}

public/static/offline/JSON/GetDevCoordinateByIP.json

@@ -0,0 +1,20 @@
+{
+  "code": 200,
+  "msg": "minim",
+  "data": {
+    "machineName": "DESKTOP",
+    "machineTypeName": "集",
+    "label": "windows",
+    "screenAttribute": "命",
+    "building": "A栋",
+    "buildingCode": 11101,
+    "projectCode": "project-200",
+    "floor": "L1层",
+    "floorOrder": 2,
+    "floorCode": 11101003,
+    "ip": "192.168.1.134",
+    "mac": "Excepteur",
+    "location": "43",
+    "angle": "nisi elit laboris"
+  }
+}

public/static/offline/JSON/config.json

@@ -0,0 +1,9 @@
+{
+  "code": "200",
+  "msg": "",
+  "data": {
+    "interfaceUrl": "https://test.iot.1000my.com/api/guide/v1/web",
+    "sourceUrl": "https://test-598d.obs.cn-east-2.myhuaweicloud.com",
+    "backSocket": "ws://127.0.0.1:7181"
+  }
+}

src/App.vue

@@ -0,0 +1,43 @@
+<template>
+  <div id="app">
+    <router-view />
+
+    <PublicComponent />
+  </div>
+</template>
+
+<script setup>
+import PublicComponent from '@/components/PublicComponent/PublicComponent.vue'
+</script>
+<style>
+body,
+html,
+#app {
+  width: 1080px;
+  height: 1920px;
+  background-color: #eaebef;
+  overflow: hidden;
+}
+
+.zoom-enter-active {
+  transition: all 0.3s;
+  transition-timing-function: cubic-bezier(0.75, 0, 0.24, 1);
+}
+
+.zoom-leave-active {
+  position: absolute !important;
+  transition: all 0.2s;
+  transition-timing-function: cubic-bezier(0.75, 0, 0.24, 1);
+}
+
+.zoom-enter-from,
+.zoom-leave-to {
+  transform: scale(0.87);
+  transform-origin: center center;
+  opacity: 0;
+}
+.zoom-move {
+  transition: transform 0.5s !important;
+  transition-timing-function: cubic-bezier(0.75, 0, 0.24, 1);
+}
+</style>