Prechádzať zdrojové kódy

添加文物详情页;场景背景音自动播放逻辑优化。

任一存 2 rokov pred
rodič
commit
b148b79cc5

+ 5 - 3
src/pages/Home.vue

@@ -1,8 +1,6 @@
 <template>
   <div
     class="parent-body"
-    @click="musicPlay"
-    @touchstart="musicPlay"
   >
     <!-- 热点弹出框 -->
     <popup />
@@ -10,7 +8,11 @@
     <div id="gui-thumb" />
 
     <!-- 场景canvs主容器 -->
-    <div id="player" />
+    <div
+      id="player"
+      @click="musicPlay"
+      @touchstart="musicPlay"
+    />
 
     <!-- <MiniMapDecorator
       class="mini-map-decorator"

+ 15 - 1
src/router/index.js

@@ -3,6 +3,7 @@ import VueRouter from 'vue-router'
 import Home from '../pages/Home.vue'
 import Cover from '@/views/gui/Cover.vue'
 import RelicsList from '@/views/gui/RelicsList.vue'
+import RelicDetail from "@/views/gui/RelicDetail.vue"
 
 const originalPush = VueRouter.prototype.push
 VueRouter.prototype.push = function push (location) {
@@ -21,12 +22,18 @@ const routes = [
         path: 'cover',
         name: 'Cover',
         component: Cover,
+
       },
       {
         path: 'relics-list',
         name: 'RelicsList',
         component: RelicsList,
-      }
+      },
+      {
+        path: 'relic-detail',
+        name: 'RelicDetail',
+        component: RelicDetail,
+      },
     ]
   }
 ]
@@ -35,4 +42,11 @@ const router = new VueRouter({
   routes
 })
 
+router.beforeEach((to, from, next) => {
+  if (from.name === 'Home' && to.name === 'Cover') {
+    window.SoundManager.pause('bgm')
+  }
+  next()
+})
+
 export default router

+ 4 - 4
src/views/gui/EntryList.vue

@@ -37,22 +37,22 @@ export default {
         {
           bgImgUrl: require('@/assets/images/entries/wen-wu-ting.png'),
           title: '文物厅',
-          sceneCode: '1307',
+          sceneCode: '1264',
         },
         {
           bgImgUrl: require('@/assets/images/entries/shu-fa-ting.png'),
           title: '书法厅',
-          sceneCode: '1307',
+          sceneCode: '1264',
         },
         {
           bgImgUrl: require('@/assets/images/entries/ge-lao-zu.png'),
           title: '仡佬族文化厅',
-          sceneCode: '1307',
+          sceneCode: '1264',
         },
         {
           bgImgUrl: require('@/assets/images/entries/30-zhou-nian.png'),
           title: '30周年成就展',
-          sceneCode: '1307',
+          sceneCode: '1264',
         },
         {
           bgImgUrl: require('@/assets/images/entries/di-biao-he-ying.png'),

Rozdielové dáta súboru neboli zobrazené, pretože súbor je príliš veľký
+ 117 - 0
src/views/gui/RelicDetail.vue


+ 1 - 0
src/views/gui/RelicsList.vue

@@ -9,6 +9,7 @@
       <li
         v-for="(item, index) in list3d"
         :key="index"
+        @click="$router.push({name: 'RelicDetail', query: {id: item.id}})"
       >
         <div class="img-wrap">
           <img