init

nanhaibwg/.gitignore

@@ -0,0 +1,23 @@
+.DS_Store
+node_modules/
+unpackage/
+dist/
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.project
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*

nanhaibwg/README.md

@@ -0,0 +1,19 @@
+# hainanbwg
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

nanhaibwg/babel.config.js

@@ -0,0 +1,81 @@
+const webpack = require('webpack')
+const plugins = []
+
+if (process.env.UNI_OPT_TREESHAKINGNG) {
+  plugins.push(require('@dcloudio/vue-cli-plugin-uni-optimize/packages/babel-plugin-uni-api/index.js'))
+}
+
+if (
+  (
+    process.env.UNI_PLATFORM === 'app-plus' &&
+    process.env.UNI_USING_V8
+  ) ||
+  (
+    process.env.UNI_PLATFORM === 'h5' &&
+    process.env.UNI_H5_BROWSER === 'builtin'
+  )
+) {
+  const path = require('path')
+
+  const isWin = /^win/.test(process.platform)
+
+  const normalizePath = path => (isWin ? path.replace(/\\/g, '/') : path)
+
+  const input = normalizePath(process.env.UNI_INPUT_DIR)
+  try {
+    plugins.push([
+      require('@dcloudio/vue-cli-plugin-hbuilderx/packages/babel-plugin-console'),
+      {
+        file (file) {
+          file = normalizePath(file)
+          if (file.indexOf(input) === 0) {
+            return path.relative(input, file)
+          }
+          return false
+        }
+      }
+    ])
+  } catch (e) { }
+}
+
+process.UNI_LIBRARIES = process.UNI_LIBRARIES || ['@dcloudio/uni-ui']
+process.UNI_LIBRARIES.forEach(libraryName => {
+  plugins.push([
+    'import',
+    {
+      'libraryName': libraryName,
+      'customName': (name) => {
+        return `${libraryName}/lib/${name}/${name}`
+      }
+    }
+  ])
+})
+
+if (process.env.UNI_PLATFORM !== 'h5') {
+  plugins.push('@babel/plugin-transform-runtime')
+}
+
+const config = {
+  presets: [
+    [
+      '@vue/app',
+      {
+        modules: webpack.version[0] > 4 ? 'auto' : 'commonjs',
+        useBuiltIns: process.env.UNI_PLATFORM === 'h5' ? 'usage' : 'entry'
+      }
+    ]
+  ],
+  plugins
+}
+
+const UNI_H5_TEST = '**/@dcloudio/uni-h5/dist/index.umd.min.js'
+if (process.env.NODE_ENV === 'production') {
+  config.overrides = [{
+    test: UNI_H5_TEST,
+    compact: true,
+  }]
+} else {
+  config.ignore = [UNI_H5_TEST]
+}
+
+module.exports = config

nanhaibwg/jest.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+  globalTeardown: '@dcloudio/uni-automator/dist/teardown.js',
+  testEnvironment: '@dcloudio/uni-automator/dist/environment.js',
+  testEnvironmentOptions: {},
+  testTimeout: 15000,
+  reporters: [
+    'default'
+  ],
+  watchPathIgnorePatterns: ['/node_modules/', '/dist/', '/.git/'],
+  moduleFileExtensions: ['js', 'json'],
+  rootDir: __dirname,
+  testMatch: ['<rootDir>/src/**/*test.[jt]s?(x)'],
+  testPathIgnorePatterns: ['/node_modules/']
+}

nanhaibwg/package.json

@@ -0,0 +1,109 @@
+{
+  "name": "hainanbwg",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "npm run dev:h5",
+    "build": "npm run build:h5",
+    "build:app-plus": "cross-env NODE_ENV=production UNI_PLATFORM=app-plus vue-cli-service uni-build",
+    "build:custom": "cross-env NODE_ENV=production uniapp-cli custom",
+    "build:h5": "cross-env NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build",
+    "build:mp-360": "cross-env NODE_ENV=production UNI_PLATFORM=mp-360 vue-cli-service uni-build",
+    "build:mp-alipay": "cross-env NODE_ENV=production UNI_PLATFORM=mp-alipay vue-cli-service uni-build",
+    "build:mp-baidu": "cross-env NODE_ENV=production UNI_PLATFORM=mp-baidu vue-cli-service uni-build",
+    "build:mp-jd": "cross-env NODE_ENV=production UNI_PLATFORM=mp-jd vue-cli-service uni-build",
+    "build:mp-kuaishou": "cross-env NODE_ENV=production UNI_PLATFORM=mp-kuaishou vue-cli-service uni-build",
+    "build:mp-lark": "cross-env NODE_ENV=production UNI_PLATFORM=mp-lark vue-cli-service uni-build",
+    "build:mp-qq": "cross-env NODE_ENV=production UNI_PLATFORM=mp-qq vue-cli-service uni-build",
+    "build:mp-toutiao": "cross-env NODE_ENV=production UNI_PLATFORM=mp-toutiao vue-cli-service uni-build",
+    "build:mp-weixin": "cross-env NODE_ENV=production UNI_PLATFORM=mp-weixin vue-cli-service uni-build",
+    "build:mp-xhs": "cross-env NODE_ENV=production UNI_PLATFORM=mp-xhs vue-cli-service uni-build",
+    "build:quickapp-native": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-native vue-cli-service uni-build",
+    "build:quickapp-webview": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview vue-cli-service uni-build",
+    "build:quickapp-webview-huawei": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview-huawei vue-cli-service uni-build",
+    "build:quickapp-webview-union": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview-union vue-cli-service uni-build",
+    "dev:app-plus": "cross-env NODE_ENV=development UNI_PLATFORM=app-plus vue-cli-service uni-build --watch",
+    "dev:custom": "cross-env NODE_ENV=development uniapp-cli custom",
+    "dev:h5": "cross-env NODE_ENV=development UNI_PLATFORM=h5 vue-cli-service uni-serve",
+    "dev:mp-360": "cross-env NODE_ENV=development UNI_PLATFORM=mp-360 vue-cli-service uni-build --watch",
+    "dev:mp-alipay": "cross-env NODE_ENV=development UNI_PLATFORM=mp-alipay vue-cli-service uni-build --watch",
+    "dev:mp-baidu": "cross-env NODE_ENV=development UNI_PLATFORM=mp-baidu vue-cli-service uni-build --watch",
+    "dev:mp-jd": "cross-env NODE_ENV=development UNI_PLATFORM=mp-jd vue-cli-service uni-build --watch",
+    "dev:mp-kuaishou": "cross-env NODE_ENV=development UNI_PLATFORM=mp-kuaishou vue-cli-service uni-build --watch",
+    "dev:mp-lark": "cross-env NODE_ENV=development UNI_PLATFORM=mp-lark vue-cli-service uni-build --watch",
+    "dev:mp-qq": "cross-env NODE_ENV=development UNI_PLATFORM=mp-qq vue-cli-service uni-build --watch",
+    "dev:mp-toutiao": "cross-env NODE_ENV=development UNI_PLATFORM=mp-toutiao vue-cli-service uni-build --watch",
+    "dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch",
+    "dev:mp-xhs": "cross-env NODE_ENV=development UNI_PLATFORM=mp-xhs vue-cli-service uni-build --watch",
+    "dev:quickapp-native": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-native vue-cli-service uni-build --watch",
+    "dev:quickapp-webview": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview vue-cli-service uni-build --watch",
+    "dev:quickapp-webview-huawei": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview-huawei vue-cli-service uni-build --watch",
+    "dev:quickapp-webview-union": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview-union vue-cli-service uni-build --watch",
+    "info": "node node_modules/@dcloudio/vue-cli-plugin-uni/commands/info.js",
+    "serve:quickapp-native": "node node_modules/@dcloudio/uni-quickapp-native/bin/serve.js",
+    "test:android": "cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=android jest -i",
+    "test:h5": "cross-env UNI_PLATFORM=h5 jest -i",
+    "test:ios": "cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=ios jest -i",
+    "test:mp-baidu": "cross-env UNI_PLATFORM=mp-baidu jest -i",
+    "test:mp-weixin": "cross-env UNI_PLATFORM=mp-weixin jest -i"
+  },
+  "dependencies": {
+    "@dcloudio/uni-app": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-app-plus": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-h5": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-i18n": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-mp-360": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-mp-alipay": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-mp-baidu": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-mp-jd": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-mp-kuaishou": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-mp-lark": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-mp-qq": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-mp-toutiao": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-mp-vue": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-mp-weixin": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-mp-xhs": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-quickapp-native": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-quickapp-webview": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-stacktracey": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-stat": "^2.0.1-alpha-36920221121001",
+    "@vue/shared": "^3.0.0",
+    "core-js": "^3.8.3",
+    "flyio": "^0.6.2",
+    "vue": ">= 2.6.14 < 2.7",
+    "vue-class-component": "^6.3.2",
+    "vue-property-decorator": "^8.0.0",
+    "vuex": "^3.2.0"
+  },
+  "devDependencies": {
+    "@babel/plugin-syntax-typescript": "^7.2.0",
+    "@dcloudio/types": "^3.0.4",
+    "@dcloudio/uni-automator": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-cli-i18n": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-cli-shared": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-helper-json": "*",
+    "@dcloudio/uni-migration": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/uni-template-compiler": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/vue-cli-plugin-hbuilderx": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/vue-cli-plugin-uni": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/vue-cli-plugin-uni-optimize": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/webpack-uni-mp-loader": "^2.0.1-alpha-36920221121001",
+    "@dcloudio/webpack-uni-pages-loader": "^2.0.1-alpha-36920221121001",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-typescript": "~5.0.8",
+    "@vue/cli-service": "~5.0.0",
+    "babel-plugin-import": "^1.11.0",
+    "cross-env": "^7.0.2",
+    "jest": "^25.4.0",
+    "postcss-comment": "^2.0.0",
+    "typescript": "~4.5.5",
+    "vue-template-compiler": ">= 2.6.14 < 2.7"
+  },
+  "browserslist": [
+    "Android >= 4.4",
+    "ios >= 9"
+  ],
+  "uni-app": {
+    "scripts": {}
+  }
+}

nanhaibwg/postcss.config.js

@@ -0,0 +1,27 @@
+const path = require('path')
+const webpack = require('webpack')
+const config = {
+  parser: require('postcss-comment'),
+  plugins: [
+    require('postcss-import')({
+      resolve (id, basedir, importOptions) {
+        if (id.startsWith('~@/')) {
+          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(3))
+        } else if (id.startsWith('@/')) {
+          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(2))
+        } else if (id.startsWith('/') && !id.startsWith('//')) {
+          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(1))
+        }
+        return id
+      }
+    }),
+    require('autoprefixer')({
+      remove: process.env.UNI_PLATFORM !== 'h5'
+    }),
+    require('@dcloudio/vue-cli-plugin-uni/packages/postcss')
+  ]
+}
+if (webpack.version[0] > 4) {
+  delete config.parser
+}
+module.exports = config

nanhaibwg/public/index.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title>
+            <%= htmlWebpackPlugin.options.title %>
+        </title>
+        <script>
+            var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
+            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+        </script>
+        <link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
+    </head>
+
+    <body>
+        <noscript>
+            <strong>Please enable JavaScript to continue.</strong>
+        </noscript>
+        <div id="app"></div>
+        <!-- built files will be auto injected -->
+    </body>
+
+</html>

nanhaibwg/shims-uni.d.ts

@@ -0,0 +1,11 @@
+/// <reference types='@dcloudio/types' />
+import Vue from 'vue'
+declare module "vue/types/options" {
+  type Hooks = App.AppInstance & Page.PageInstance;
+  interface ComponentOptions<V extends Vue> extends Hooks {
+    /**
+     * 组件类型
+     */
+    mpType?: string;
+  }
+}

nanhaibwg/shims-vue.d.ts

@@ -0,0 +1,4 @@
+declare module "*.vue" {
+  import Vue from 'vue'
+  export default Vue
+}

nanhaibwg/src/App.vue

@@ -0,0 +1,19 @@
+<script lang="ts">
+    import Vue from 'vue';
+    export default Vue.extend({
+        mpType: 'app',
+        onLaunch() {
+            console.log('App Launch')
+        },
+        onShow() {
+            console.log('App Show')
+        },
+        onHide() {
+            console.log('App Hide')
+        }
+    });
+</script>
+
+<style>
+    /*每个页面公共css */
+</style>

nanhaibwg/src/main.ts

@@ -0,0 +1,7 @@
+import Vue from 'vue'
+import App from './App.vue'
+
+Vue.config.productionTip = false
+
+const app = new (typeof App === 'function' ? App : Vue.extend(Object.assign({ mpType: 'app' }, App)))
+app.$mount();

nanhaibwg/src/manifest.json

@@ -0,0 +1,69 @@
+{
+    "name": "hainanbwg",
+    "appid": "",
+    "description": "",
+    "versionName": "1.0.0",
+    "versionCode": "100",
+	"transformPx":false,
+    "app-plus": { /* 5+App特有相关 */
+        "modules": { /* 模块配置 */
+
+        },
+        "distribute": { /* 应用发布信息 */
+            "android": { /* android打包配置 */
+                "permissions": ["<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+                    "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+                    "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+                    "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+                ]
+            },
+            "ios": { /* ios打包配置 */
+
+            },
+            "sdkConfigs": { /* SDK配置 */
+
+            }
+        },
+        "usingComponents":true
+    },
+    "quickapp": { /* 快应用特有相关 */
+
+    },
+    "mp-weixin": { /* 小程序特有相关 */
+        "usingComponents":true,
+        "appid": "wxdbc7d7a5ca6e125c",
+        "setting" : {
+        	"urlCheck" : true
+        }
+    },
+    "mp-alipay" : {
+        "usingComponents" : true
+    },
+    "mp-baidu" : {
+        "usingComponents" : true
+    },
+    "mp-toutiao" : {
+        "usingComponents" : true
+    },
+    "mp-qq" : {
+        "usingComponents" : true
+    }
+}

nanhaibwg/src/pages.json

@@ -0,0 +1,16 @@
+{
+	"pages": [ 
+		{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "中国（海南）南海博物馆"
+			}
+		}
+	],
+	"globalStyle": {
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "中国（海南）南海博物馆",
+		"navigationBarBackgroundColor": "#F8F8F8",
+		"backgroundColor": "#F8F8F8"
+	}
+}

nanhaibwg/src/pages/index/index.vue

@@ -0,0 +1,30 @@
+<template>
+	<view class="content">
+		<web-view src="https://4dscene.4dage.com/culturalrelics/NHBWG/index.html#/" />
+	</view>
+</template>
+
+<script lang="ts">
+import Vue from 'vue';
+
+export default Vue.extend({
+	data() {
+		return {
+			title: 'Hello'
+		}
+	},
+	onLoad() {
+
+	},
+	methods: {
+
+	}
+});
+</script>
+
+<style>
+.content {
+	width: 100%;
+	height: 100%;
+}
+</style>

nanhaibwg/src/uni.scss

@@ -0,0 +1,76 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$uni-color-primary: #007aff;
+$uni-color-success: #4cd964;
+$uni-color-warning: #f0ad4e;
+$uni-color-error: #dd524d;
+
+/* 文字基本颜色 */
+$uni-text-color: #333; // 基本色
+$uni-text-color-inverse: #fff; // 反色
+$uni-text-color-grey: #999; // 辅助灰色，如加载更多的提示信息
+$uni-text-color-placeholder: #808080;
+$uni-text-color-disable: #c0c0c0;
+
+/* 背景颜色 */
+$uni-bg-color: #fff;
+$uni-bg-color-grey: #f8f8f8;
+$uni-bg-color-hover: #f1f1f1; // 点击状态颜色
+$uni-bg-color-mask: rgba(0, 0, 0, 0.4); // 遮罩颜色
+
+/* 边框颜色 */
+$uni-border-color: #c8c7cc;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+$uni-font-size-sm: 12px;
+$uni-font-size-base: 14px;
+$uni-font-size-lg: 16;
+
+/* 图片尺寸 */
+$uni-img-size-sm: 20px;
+$uni-img-size-base: 26px;
+$uni-img-size-lg: 40px;
+
+/* Border Radius */
+$uni-border-radius-sm: 2px;
+$uni-border-radius-base: 3px;
+$uni-border-radius-lg: 6px;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 5px;
+$uni-spacing-row-base: 10px;
+$uni-spacing-row-lg: 15px;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 4px;
+$uni-spacing-col-base: 8px;
+$uni-spacing-col-lg: 12px;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2c405a; // 文章标题颜色
+$uni-font-size-title: 20px;
+$uni-color-subtitle: #555; // 二级标题颜色
+$uni-font-size-subtitle: 18px;
+$uni-color-paragraph: #3f536e; // 文章段落颜色
+$uni-font-size-paragraph: 15px;

nanhaibwg/tsconfig.json

@@ -0,0 +1,37 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "strict": true,
+    "jsx": "preserve",
+    "importHelpers": true,
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "experimentalDecorators":true,
+    "sourceMap": true,
+    "skipLibCheck": true,
+    "baseUrl": ".",
+    "types": [
+      "webpack-env",
+      "@dcloudio/types"
+    ],
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  },
+  "exclude": [
+    "node_modules",
+    "unpackage",
+    "dist",
+    "src/**/*.nvue"
+  ]
+}

nhbwg/.gitignore

@@ -0,0 +1,3 @@
+# production
+dist
+node_modules

nhbwg/README.md

@@ -0,0 +1,19 @@
+# zhcs_yx
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

nhbwg/babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

nhbwg/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "zhcs_yx",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build"
+  },
+  "dependencies": {
+    "core-js": "^3.6.5",
+    "vue": "^2.6.11",
+    "vue-router": "^3.2.0"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "~4.5.13",
+    "@vue/cli-plugin-router": "~4.5.13",
+    "@vue/cli-service": "~4.5.13",
+    "less": "^3.0.4",
+    "less-loader": "^5.0.0",
+    "vue-template-compiler": "^2.6.11"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}

nhbwg/public/Model.html

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<meta name="viewport"
+    content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+<style>
+    .outerImg {
+        transition: all 1s;
+        opacity: 1;
+        position: absolute;
+        z-index: 998;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background-color: #073e5c;
+    }
+</style>
+
+<head>
+    <title>南海博物馆</title>
+    <script src="js/4dage.js"></script>
+    <style>
+        html {
+            overflow: hidden;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="outerImg"></div>
+    <div id="ui">
+    </div>
+    <script>
+        let number = getQueryVariable("m");
+        // window.autoRotate = true; // 是否自动旋转
+        fdage.embed('4dage/' + number + '.4dage', {
+            transparentBackground: true,
+            width: 800,
+            height: 600,
+            autoStart: true,
+            fullFrame: true,
+            pagePreset: false
+        });
+    </script>
+</body>
+
+</html>

nhbwg/public/index.html

@@ -0,0 +1,23 @@
+<!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">
+    <!-- <script src="./js/three.js"></script>
+		<script src="./js/OBJLoader.js"></script>
+		<script src="./js/OrbitControls.js"></script>
+		<script src="./js/FBXLoader.js"></script>
+		<script src="./js/inflate.min.js"></script> -->
+    <script src="./js/4dage.js"></script>
+    <title>中国（海南）南海博物馆</title>
+  </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>

nhbwg/src/App.vue

@@ -0,0 +1,267 @@
+<template>
+  <div id="app">
+    <keep-alive>
+      <Router-view />
+    </keep-alive>
+    <!-- 所有模型嵌套页面 -->
+    <template v-for="(item, index) in ifrData1">
+      <iframe
+        :class="`ifr${item.name}`"
+        :key="item.bs"
+        :src="`Model.html?m=${item.bs}${item.sta}`"
+        frameborder="0"
+        v-if="ifrData1[index].done"
+        v-show="ifrShow === item.name"
+        :style="`height:${item.claH}`"
+      ></iframe>
+    </template>
+    <template v-for="item in ifrData2">
+      <iframe
+        :class="`ifr${item.name}`"
+        :key="item.bs"
+        :src="`Model.html?m=${item.bs}${item.sta}`"
+        frameborder="0"
+        v-if="$route.name === item.name"
+        :style="`height:${item.claH}`"
+      ></iframe>
+    </template>
+  </div>
+</template>
+
+<script>
+export default {
+  components: {},
+  data() {
+    return {
+      ifrData1: [
+        {
+          bs: "1",
+          done: false,
+          name: "Info1",
+          sta: "&camdismax=80&camdismmin=20&currentdis=60",
+          claH: "100%",
+        },
+        {
+          bs: "2",
+          done: false,
+          name: "Info2",
+          sta: "&camdismax=120&camdismmin=20&currentdis=60",
+          claH: "100%",
+        },
+        {
+          bs: "3",
+          done: false,
+          name: "Info3",
+          sta: "&camdismax=80&camdismmin=10&currentdis=30",
+          claH: "100%",
+        },
+        {
+          bs: "4",
+          done: false,
+          name: "Info4",
+          sta: "&camdismax=80&camdismmin=20&currentdis=60",
+          claH: "100%",
+        },
+        {
+          bs: "5",
+          done: false,
+          name: "Info5",
+          sta: "&camdismax=80&camdismmin=20&currentdis=60",
+          claH: "100%",
+        },
+      ],
+      ifrData2: [
+        {
+          bs: "1_1",
+          done: false,
+          name: "box1",
+          sta: "&camdismax=100&camdismmin=10&currentdis=30",
+          claH: "80%",
+        },
+        {
+          bs: "2_1",
+          done: false,
+          name: "box2",
+          sta: "&camdismax=80&camdismmin=10&currentdis=50",
+          claH: "90%",
+        },
+        {
+          bs: "2_2",
+          done: false,
+          name: "box2a",
+          sta: "&camdismax=80&camdismmin=10&currentdis=50",
+          claH: "90%",
+        },
+        {
+          bs: "5_1",
+          done: false,
+          name: "box5a",
+          sta: "&camdismax=80&camdismmin=10&currentdis=30",
+          claH: "85%",
+        },
+        {
+          bs: "5_2",
+          done: false,
+          name: "box5b",
+          sta: "&camdismax=80&camdismmin=10&currentdis=30",
+          claH: "85%",
+        },
+        {
+          bs: "5_3",
+          done: false,
+          name: "box5c",
+          sta: "&camdismax=80&camdismmin=10&currentdis=30",
+          claH: "85%",
+        },
+        {
+          bs: "1_1_1",
+          done: false,
+          name: "box1a",
+          sta: "&camdismax=80&camdismmin=10&currentdis=20",
+          claH: "80%",
+        },
+        {
+          bs: "1_1_2",
+          done: false,
+          name: "box1b",
+          sta: "&camdismax=80&camdismmin=10&currentdis=20",
+          claH: "80%",
+        },
+        {
+          bs: "1_1_3",
+          done: false,
+          name: "box1c",
+          sta: "&camdismax=80&camdismmin=10&currentdis=20",
+          claH: "80%",
+        },
+        {
+          bs: "1_1_4",
+          done: false,
+          name: "box1d",
+          sta: "&camdismax=80&camdismmin=10&currentdis=20",
+          claH: "80%",
+        },
+        {
+          bs: "1_1_5",
+          done: false,
+          name: "box1e",
+          sta: "&camdismax=80&camdismmin=10&currentdis=20",
+          claH: "80%",
+        },
+        {
+          bs: "1_1_6",
+          done: false,
+          name: "box1f",
+          sta: "&camdismax=80&camdismmin=10&currentdis=20",
+          claH: "80%",
+        },
+      ],
+      ifrShow: null,
+    };
+  },
+  watch: {
+    $route(val) {
+      if (val.name === "Home") this.ifrShow = null;
+      else if (val.name === "Info1" && !this.ifrData1[0].done)
+        this.ifrData1[0].done = true;
+      else if (val.name === "Info2" && !this.ifrData1[1].done)
+        this.ifrData1[1].done = true;
+      else if (val.name === "Info3" && !this.ifrData1[2].done)
+        this.ifrData1[2].done = true;
+      else if (val.name === "Info4" && !this.ifrData1[3].done)
+        this.ifrData1[3].done = true;
+      else if (val.name === "Info5" && !this.ifrData1[4].done)
+        this.ifrData1[4].done = true;
+      // else if (val.name === "box1" && !this.ifrData[5].done)
+      //   this.ifrData[5].done = true;
+      // else if (val.name === "box2" && !this.ifrData[6].done)
+      //   this.ifrData[6].done = true;
+      // else if (val.name === "box2a" && !this.ifrData[7].done)
+      //   this.ifrData[7].done = true;
+      // else if (val.name === "box5a" && !this.ifrData[8].done)
+      //   this.ifrData[8].done = true;
+      // else if (val.name === "box5b" && !this.ifrData[9].done)
+      //   this.ifrData[9].done = true;
+      // else if (val.name === "box5c" && !this.ifrData[10].done)
+      //   this.ifrData[10].done = true;
+      // else if (val.name === "box1a" && !this.ifrData[11].done)
+      //   this.ifrData[11].done = true;
+      // else if (val.name === "box1b" && !this.ifrData[12].done)
+      //   this.ifrData[12].done = true;
+      // else if (val.name === "box1c" && !this.ifrData[13].done)
+      //   this.ifrData[13].done = true;
+      // else if (val.name === "box1d" && !this.ifrData[14].done)
+      //   this.ifrData[14].done = true;
+      // else if (val.name === "box1e" && !this.ifrData[15].done)
+      //   this.ifrData[15].done = true;
+      // else if (val.name === "box1f" && !this.ifrData[16].done)
+      //   this.ifrData[16].done = true;
+
+      this.ifrShow = val.name;
+    },
+    ifrShow(val) {
+      setTimeout(() => {
+        let doms = document.querySelectorAll("iframe");
+        doms.forEach((v) => {
+          if (v.className === "ifr" + val) {
+            let ss = setInterval(() => {
+              // console.log("当前显示的开始旋转");
+              try {
+                v.contentWindow.webview.rotateWhenIdle();
+                clearInterval(ss);
+              } catch (error) {
+                console.log(error);
+              }
+            }, 500);
+          } else {
+            let ss = setInterval(() => {
+              // console.log("当前----不----显示的停止旋转");
+              try {
+                v.contentWindow.webview.stopRotate(true);
+                clearInterval(ss);
+              } catch (error) {
+                console.log(error);
+              }
+            }, 500);
+          }
+        });
+      }, 100);
+    },
+  },
+  computed: {},
+  methods: {},
+  //生命周期 - 创建完成（可以访问当前this实例）
+  created() {},
+  //生命周期 - 挂载完成（可以访问DOM元素）
+  mounted() {
+    // this.$nextTick(()=>{
+    //   document.querySelector('#app').style.height=window.screen.availHeight+'px'
+    // })
+    // console.log('----------',window.screen.availHeight);
+  },
+  beforeCreate() {}, //生命周期 - 创建之前
+  beforeMount() {}, //生命周期 - 挂载之前
+  beforeUpdate() {}, //生命周期 - 更新之前
+  updated() {}, //生命周期 - 更新之后
+  beforeDestroy() {}, //生命周期 - 销毁之前
+  destroyed() {}, //生命周期 - 销毁完成
+  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
+};
+</script>
+<style lang='less' scoped>
+#app {
+  position: relative;
+  width: 100vw;
+  height: 100vh;
+  max-width: 500px;
+  margin: 0 auto;
+  overflow: hidden;
+  iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>

nhbwg/src/assets/base.css

@@ -0,0 +1,101 @@
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video, input {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font-weight: normal;
+    vertical-align: baseline;
+    box-sizing: border-box;
+}
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, menu, nav, section {
+    display: block;
+}
+
+body {
+    line-height: 1;
+}
+
+blockquote, q {
+    quotes: none;
+}
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+    content: none;
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+/* custom */
+a {
+    color: #7e8c8d;
+    text-decoration: none;
+    -webkit-backface-visibility: hidden;
+}
+
+li {
+    list-style: none;
+}
+
+::-webkit-scrollbar {
+    width: 5px;
+    height: 5px;
+}
+
+::-webkit-scrollbar-track-piece {
+    background-color: rgba(0, 0, 0, 0.2);
+    -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:vertical {
+    height: 5px;
+    background-color: rgba(125, 125, 125, 0.7);
+    -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:horizontal {
+    width: 5px;
+    background-color: rgba(125, 125, 125, 0.7);
+    -webkit-border-radius: 6px;
+}
+
+html, body {
+    width: 100%;
+}
+
+body {
+    -webkit-text-size-adjust: none;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+#myModelBox{
+    display: none;
+}
+.title{
+    padding: 0 20px;
+    background-image: url('../assets/home/titleBs.png');
+    background-repeat:no-repeat;
+    background-position:center left;
+    background-size: 100% 22px;
+    left: 50% !important;
+    width: 230px !important;
+    transform: translateX(-50%);
+}