tremble 3 роки тому
батько
коміт
a061109c67
7 змінених файлів з 102 додано та 5 видалено
  1. 47 0
      public/scene.html
  2. 1 1
      src/assets/theme.editor.scss
  3. 24 0
      src/pages/index.js
  4. 22 0
      src/pages/index.vue
  5. 4 4
      src/main.js
  6. 0 0
      src/pages/scene.vue
  7. 4 0
      vue.config.js

+ 47 - 0
public/scene.html

@@ -0,0 +1,47 @@
+<!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, maximum-scale=1" />
+        <link rel="icon" href="<%= BASE_URL %><%= VUE_APP_STATIC_DIR %>/favicon.png" />
+        <link rel="stylesheet" href="//at.alicdn.com/t/font_2596172_ejg30arrayu.css" />
+        <link rel="stylesheet" href="//at.alicdn.com/t/font_3423899_m7c62apktz.css" />
+        <link rel="stylesheet" href="<%= BASE_URL %><%= VUE_APP_STATIC_DIR %>/static/lib/animate/animate.min.css" />
+        <link rel="stylesheet" href="<%= BASE_URL %><%= VUE_APP_STATIC_DIR %>/static/lib/swiper/swiper-bundle.min.css" />
+
+        <script src="<%= BASE_URL %><%= VUE_APP_STATIC_DIR %>/static/lib/mobile-detect.js"></script>
+        <script src="<%= BASE_URL %><%= VUE_APP_STATIC_DIR %>/static/lib/flexible.min.js"></script>
+        <title>中免VR商城</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>
+        <script src="<%= BASE_URL %><%= VUE_APP_STATIC_DIR %>/static/lib/flv.min.js"></script>
+        <script src="<%= BASE_URL %><%= VUE_APP_STATIC_DIR %>/static/lib/vconsole.js"></script>
+        <script src="<%= BASE_URL %><%= VUE_APP_STATIC_DIR %>/static/lib/swiper/swiper-bundle.min.js"></script>
+        <script src="<%= BASE_URL %><%= VUE_APP_STATIC_DIR %>/static/lib/socket.io.min.js"></script>
+        <script src="<%= BASE_URL %><%= VUE_APP_STATIC_DIR %>/static/lib/lib-generate-test-usersig.min.js"></script>
+
+
+        <script src="<%= BASE_URL %><%= VUE_APP_STATIC_DIR %>/static/lib/jweixin-1.6.0.js"></script>
+        
+        <script src="<%= VUE_APP_SDK_DIR %>/kankan-sdk-deps.js?v=4.31.0-alpha.51"></script>
+        <script src="<%= VUE_APP_SDK_DIR %>/kankan-sdk.js?v=4.31.0-alpha.51"></script>
+
+        <!-- <script src="https://4dkk.4dage.com/v4/www/sdk/kankan-sdk-deps.js?v=4.0.0-alpha.44"></script>
+        <script src="https://4dkk.4dage.com/v4/www/sdk/kankan-sdk.js?v=4.0.0-alpha.44"></script> -->
+
+        <!-- <script src="https://eurs3.4dkankan.com/v4/cdfg/sdk/kankan-sdk-deps.js?v=4.0.0-alpha.45"></script>
+        <script src="https://eurs3.4dkankan.com/v4/cdfg/sdk/kankan-sdk.js?v=4.0.0-alpha.45"></script> -->
+        <!-- built files will be auto injected -->
+        <script>
+            if ((query = window.location.href.indexOf('vlog') != -1)) {
+                var vConsole = new window.VConsole()
+            }
+        </script>
+    </body>
+</html>

+ 1 - 1
src/assets/theme.editor.scss

@@ -10,7 +10,7 @@ $img-base-path: '~@/global_components/assets/img/';
     --editor-toolbox-left: 0;
     --editor-toolbox-width: 240px;
     --editor-toolbox-padding: 0 10px;
-    --editor-menu-active: rgba(0, 200, 175, 0.16);
+    --editor-menu-active: rgba(219, 83, 19, 0.16);
 
     --colors-primary-base: var(--editor-main-color);
     --colors-primary-click: #db5313;

+ 24 - 0
src/pages/index.js

@@ -0,0 +1,24 @@
+import "@/assets/theme.editor.scss";
+import ClickOutSide from "@/utils/fns/ClickOutSide";
+import Components from "@/global_components";
+import { createApp } from "vue";
+import store from "@/store";
+import App from "./index.vue";
+import browser from "@/utils/browser";
+
+
+
+if (!window.location.search) {
+  window.location.href = "/index.html?m=eur-KJ-z5ZEV22AeU&pose=pano:408,qua:-0.006,0.6299,0.0049,0.7766";
+} else if (!browser.hasURLParam("pose") && browser.getURLParam("m") == "eur-KJ-z5ZEV22AeU") {
+  let url = window.location.href + `&pose=pano:408,qua:-0.006,0.6299,0.0049,0.7766`;
+  window.location.href = url;
+} else {
+  const app = createApp(App);
+
+  app.use(store);
+  app.use(Components);
+  app.directive("click-outside", ClickOutSide);
+  app.mount("#app");
+}
+

+ 22 - 0
src/pages/index.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="appcon">
+    <iframe :src="`scene.html${params}`" frameborder="0"></iframe>
+  </div>
+</template>
+
+<script setup>
+import { ref } from "vue";
+
+const params = ref(location.search);
+</script>
+
+<style lang="scss" scoped>
+.appcon {
+  width: 100%;
+  height: 100%;
+  > iframe {
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>

+ 4 - 4
src/main.js

@@ -1,9 +1,9 @@
 import "@/assets/theme.editor.scss";
-import ClickOutSide from "./utils/fns/ClickOutSide";
-import Components from "./global_components";
+import ClickOutSide from "@/utils/fns/ClickOutSide";
+import Components from "@/global_components";
 import { createApp } from "vue";
-import store from "./store";
-import App from "./app.vue";
+import store from "@/store";
+import App from "./scene.vue";
 import browser from "@/utils/browser";
 
 if (!window.location.search) {

src/app.vue → src/pages/scene.vue


+ 4 - 0
vue.config.js

@@ -9,6 +9,10 @@ module.exports = defineConfig({
       scss: {},
     },
   },
+  pages: {
+    index: 'src/pages/index.js',
+    scene: 'src/pages/scene.js',
+},
   devServer: {
     // port: 443,
     https: true,