0625

web/public/static/js/myShow.js

@@ -1,5 +1,5 @@
 var g_ProjectName=window.location.pathname.substring(window.location.pathname.indexOf("/")+1,window.location.pathname.lastIndexOf("/"));
-// var g_Prefix="http://192.168.1.101:8080/";
+// var g_Prefix="http://8.135.106.227:8009/";
 // https://super.4dage.com/
 var g_Prefix=window.location.origin+'/';
 

web/src/components/tips.vue

@@ -0,0 +1,98 @@
+<template>
+  <div class="layout">
+    <div class="mask"></div>
+    <div class="tips-con">
+      <img class="close" @click="$emit('close')" :src="require('@/assets/images/icon/close.png')" alt="" />
+      <img class="bg" :src="require('@/assets/images/tips_bg.png')" alt="" />
+      <div class="tips-body">
+        <div>欢迎访问<br/>信息工程大学数字史馆</div>
+        <p>点击播放按钮，开始自动导览</p>
+        <div class="bofang">
+          <img :src="require('@/assets/images/bofang.png')" alt="" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  
+}
+</script>
+
+<style lang="less" scoped>
+.layout{
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 999999;
+  .mask{
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+  }
+  .tips-con{
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    width: 660px;
+    text-align: center;
+    height: 400px;
+    .close{
+      position: absolute;
+      top: 20px;
+      left: 30px;
+      width: 20px;
+      cursor: pointer;
+    }
+    .bg{
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%,-50%);
+      width: 100%;
+      z-index: -1;
+      height: 100%;
+    }
+    .tips-body{
+      position: absolute;
+      width: 100%;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%,-50%);
+    >p{
+      margin: 45px 0 20px;
+    }
+    >div{
+      font-size: 28px;
+      color: #FCD67B;
+      letter-spacing: 6px;
+      font-weight: bold;
+      width: 100%;
+      text-align: center;
+    }
+    .bofang{
+      width: 54px;
+      height: 54px;
+      background: rgba(#A01C26, 0.7);
+      margin: 0 auto;
+      font-size: 0;
+      position: relative;
+      border-radius: 50%;
+      >img{
+        width: 26px;
+        position: absolute;
+        transform: translate(-50%,-50%);
+        top: 50%;
+        left: 50%;
+      }
+    }
+    }
+  }
+}
+</style>

web/src/pages/Home.vue

@@ -88,6 +88,10 @@
 
     <longvideosvg v-if="showLoingVideo"/>
 
+    <transition name="slide-fade">
+      <tips @close="showTips = false" v-if="showTips"/>
+    </transition>
+
     <!-- 新菜单 -->
     <div class="n-menu" v-show="showMenu">
         <m-svg/>
@@ -120,6 +124,7 @@ import vrCon from '@/views/gui/vrcon';
 import vOther from '@/views/gui/other';
 import svg from '@/components/svg.vue';
 import mapsvg from '@/components/mapsvg.vue';
+import tips from '@/components/tips.vue';
 
 
 import vGuide from '@/views/gui/newguide';
@@ -150,7 +155,8 @@ export default {
     vGuide,
     mapsvg,
     longvideosvg,
-    welcome
+    welcome,
+    tips
   },
 
   mounted(){
@@ -184,7 +190,11 @@ export default {
           this.showWelcome = data
         }
         if (!data) {
-            manage.switchBgmState(true); 
+            manage.switchBgmState(true);
+            this.showTips = true
+            setTimeout(() => {
+              this.showTips = false
+            }, 5000);
             // window.player.tloadOverlays()
         }
     })
@@ -215,7 +225,6 @@ export default {
         })
         this.loading = false
     })
-
     
   },
   methods:{
@@ -247,7 +256,8 @@ export default {
         showWelcome:true,
         showLoingVideo: false,
         fileCode:'',
-        loading:true
+        loading:true,
+        showTips:false
       }
   }
 }

web/src/views/gui/newguide.vue

@@ -165,39 +165,34 @@ export default {
         console.log(this.guide);
         let fixArr = [{
           idx:0,
-          activemin:0,
-          activemax:0,
-          name:'开篇'
-        },{
-          idx:1,
           name:'序厅',
-          activemin:1,
-          activemax:4
+          activemin:0,
+          activemax:3
         },{
-          idx:5,
+          idx:4,
           name:'万水千山 铁心向党',
-          activemin:5,
-          activemax:14
+          activemin:4,
+          activemax:13
         },{
-          idx:15,
+          idx:14,
           name:'辗转办学 奠定优秀',
-          activemin:15,
-          activemax:20
+          activemin:14,
+          activemax:19
         },{
-          idx:21,
+          idx:20,
           name:'汇聚中原 扬帆起航',
-          activemin:21,
-          activemax:26
+          activemin:20,
+          activemax:25
         },{
-          idx:27,
+          idx:26,
           name:'综合办学 世纪跨越',
-          activemin:27,
-          activemax:32
+          activemin:26,
+          activemax:31
         },{
-          idx:33,
+          idx:32,
           name:'不忘出心 时代重塑',
-          activemin:33,
-          activemax:41
+          activemin:32,
+          activemax:40
         }]
         this.guide.list.forEach((item,i)=>{
           let tmp = fixArr.find(sub=>sub.idx ==i)