|
|
@@ -8,28 +8,21 @@
|
|
|
<div id="gui-thumb"></div>
|
|
|
|
|
|
<!-- 左侧固定导航栏 -->
|
|
|
- <div
|
|
|
- class="all"
|
|
|
- :class="{ activeAll: cutTab }"
|
|
|
- @click="cutTab = !cutTab"
|
|
|
- ></div>
|
|
|
- <div class="tab" :class="{ active: cutTab }" v-show="cutTab">
|
|
|
- <div
|
|
|
- class="small small1"
|
|
|
- @click="jump('tab1')"
|
|
|
- >
|
|
|
+ <div class="all" :class="{ activeAll: cutTab }" @click="cutTab = !cutTab"></div>
|
|
|
+ <div class="tab" :class="{ active: cutTab }" v-show="cutTab">
|
|
|
+ <div class="small small1" @click="jump('tab1')">
|
|
|
<img src='../assets/imgM/tab1Ac.png' alt="" />
|
|
|
<p>数字史馆</p>
|
|
|
</div>
|
|
|
- <div class="small small2" @click="jump('tab2')">
|
|
|
+ <!-- <div class="small small2" @click="jump('tab2')">
|
|
|
<img src='../assets/imgM/tab2.png' alt="" />
|
|
|
<p>校园全景</p>
|
|
|
- </div>
|
|
|
- <div class="small small3" @click="jump('tab3')">
|
|
|
+ </div> -->
|
|
|
+ <div class="small small3" @click="jump('tab2')">
|
|
|
<img src='../assets/imgM/tab3.png' alt="" />
|
|
|
<p>文物典藏</p>
|
|
|
</div>
|
|
|
- <div class="small small4" @click="jump('tab4')">
|
|
|
+ <div class="small small4" @click="jump('tab3')">
|
|
|
<img src='../assets/imgM/tab4.png' alt="" />
|
|
|
<p>信息检索</p>
|
|
|
</div>
|
|
|
@@ -60,9 +53,7 @@
|
|
|
<v-guide />
|
|
|
|
|
|
<!-- logo -->
|
|
|
- <div
|
|
|
- id="myCompany"
|
|
|
- style="
|
|
|
+ <div id="myCompany" style="
|
|
|
width: 100%;
|
|
|
position: absolute;
|
|
|
bottom: 0px;
|
|
|
@@ -71,8 +62,7 @@
|
|
|
font-family: '微软雅黑';
|
|
|
font-weight: 580;
|
|
|
color: rgba(255, 255, 255, 0.8);
|
|
|
- "
|
|
|
- >
|
|
|
+ ">
|
|
|
<!-- 四维时代提供技术支持 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -105,18 +95,18 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import exhibition from "@/components/exhibition";
|
|
|
-import popup from "@/views/popup";
|
|
|
-import guiLoading from "@/views/gui/loading";
|
|
|
-import hotspotList from "@/views/gui/hotspotlist";
|
|
|
-import vTitle from "@/views/gui/title";
|
|
|
-import vMenu from "@/views/gui/menu";
|
|
|
-import vGuide from "@/views/gui/guide";
|
|
|
-import webVr from "@/views/gui/webvr";
|
|
|
-import guimsg from "@/views/gui/guimsg";
|
|
|
-import vError from "@/views/gui/error";
|
|
|
-import vrCon from "@/views/gui/vrcon";
|
|
|
-import vOther from "@/views/gui/other";
|
|
|
+import exhibition from "@/components/exhibition"
|
|
|
+import popup from "@/views/popup"
|
|
|
+import guiLoading from "@/views/gui/loading"
|
|
|
+import hotspotList from "@/views/gui/hotspotlist"
|
|
|
+import vTitle from "@/views/gui/title"
|
|
|
+import vMenu from "@/views/gui/menu"
|
|
|
+import vGuide from "@/views/gui/guide"
|
|
|
+import webVr from "@/views/gui/webvr"
|
|
|
+import guimsg from "@/views/gui/guimsg"
|
|
|
+import vError from "@/views/gui/error"
|
|
|
+import vrCon from "@/views/gui/vrcon"
|
|
|
+import vOther from "@/views/gui/other"
|
|
|
|
|
|
export default {
|
|
|
name: "Home",
|
|
|
@@ -137,29 +127,29 @@ export default {
|
|
|
|
|
|
data() {
|
|
|
return {
|
|
|
- cutTab: false,
|
|
|
+ cutTab: false,
|
|
|
|
|
|
showWelcome: true,
|
|
|
hotspots: "",
|
|
|
loading: true,
|
|
|
- };
|
|
|
+ }
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
//点击跳转
|
|
|
jump(url) {
|
|
|
- if (url === "tab1") return;
|
|
|
- this.cutTab=false
|
|
|
- this.$router.replace(url).catch(() => {});
|
|
|
+ if (url === "tab1") return
|
|
|
+ this.cutTab = false
|
|
|
+ this.$router.replace(url).catch(() => { })
|
|
|
this.$nextTick(() => {
|
|
|
setTimeout(() => {
|
|
|
- location.reload(true);
|
|
|
- }, 300);
|
|
|
- });
|
|
|
+ location.reload(true)
|
|
|
+ }, 300)
|
|
|
+ })
|
|
|
},
|
|
|
hideWelcome() {
|
|
|
- this.showWelcome = false;
|
|
|
- window.manage.switchBgmState(true);
|
|
|
+ this.showWelcome = false
|
|
|
+ window.manage.switchBgmState(true)
|
|
|
},
|
|
|
getHotSpotList() {
|
|
|
$.ajax({
|
|
|
@@ -174,33 +164,33 @@ export default {
|
|
|
dataType: "json",
|
|
|
contentType: "application/json",
|
|
|
success: (result) => {
|
|
|
- this.hotspots = result;
|
|
|
+ this.hotspots = result
|
|
|
},
|
|
|
- });
|
|
|
+ })
|
|
|
},
|
|
|
},
|
|
|
|
|
|
mounted() {
|
|
|
this.$nextTick(() => {
|
|
|
- window.evt = document.createEvent("HTMLEvents");
|
|
|
- window.evt.initEvent("loadfinish", false, false);
|
|
|
+ window.evt = document.createEvent("HTMLEvents")
|
|
|
+ window.evt.initEvent("loadfinish", false, false)
|
|
|
window.addEventListener("loadfinish", () => {
|
|
|
- this.loading = false;
|
|
|
- document.title = "中国人民解放军陆军勤务学院";
|
|
|
- this.getHotSpotList();
|
|
|
+ this.loading = false
|
|
|
+ document.title = "中国人民解放军陆军勤务学院"
|
|
|
+ this.getHotSpotList()
|
|
|
window.player.on("openTips", () => {
|
|
|
- this.$showTips();
|
|
|
- });
|
|
|
+ this.$showTips()
|
|
|
+ })
|
|
|
|
|
|
window.player.on("openHotspot", (data) => {
|
|
|
this.$showHotspot({
|
|
|
hotspot: this.hotspots[data],
|
|
|
- });
|
|
|
- });
|
|
|
- });
|
|
|
- });
|
|
|
+ })
|
|
|
+ })
|
|
|
+ })
|
|
|
+ })
|
|
|
},
|
|
|
-};
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|