|
@@ -11,36 +11,16 @@
|
|
|
|
|
|
|
|
<div>
|
|
<div>
|
|
|
<div class="viewContainer">
|
|
<div class="viewContainer">
|
|
|
- <div
|
|
|
|
|
- id="previous"
|
|
|
|
|
- class="previous desktop-only ui-icon"
|
|
|
|
|
- style="display: none"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <div id="previous" class="previous desktop-only ui-icon" style="display: none">
|
|
|
<a>
|
|
<a>
|
|
|
- <img
|
|
|
|
|
- rel="tooltip"
|
|
|
|
|
- title=""
|
|
|
|
|
- :src="require('@/assets/images/play.png')"
|
|
|
|
|
- width="24"
|
|
|
|
|
- height="24"
|
|
|
|
|
- :data-original-title="$t('operation.bf')"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <img rel="tooltip" title="" :src="require('@/assets/images/play.png')" width="24" height="24" :data-original-title="$t('operation.bf')" />
|
|
|
</a>
|
|
</a>
|
|
|
</div>
|
|
</div>
|
|
|
- <div
|
|
|
|
|
- id="play"
|
|
|
|
|
- class="ui-icon"
|
|
|
|
|
- rel="tooltip"
|
|
|
|
|
- :data-original-title="$t('operation.bf')"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <div id="play" class="ui-icon" rel="tooltip" :data-original-title="$t('operation.bf')">
|
|
|
<!-- 鼠标移入的显示 -->
|
|
<!-- 鼠标移入的显示 -->
|
|
|
<div class="hoverTit">{{ $t("operation.zddl") }}</div>
|
|
<div class="hoverTit">{{ $t("operation.zddl") }}</div>
|
|
|
<a>
|
|
<a>
|
|
|
- <img
|
|
|
|
|
- :src="require('@/assets/images/icon/play.png')"
|
|
|
|
|
- width="24"
|
|
|
|
|
- height="24"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <img :src="require('@/assets/images/icon/play.png')" width="24" height="24" />
|
|
|
</a>
|
|
</a>
|
|
|
</div>
|
|
</div>
|
|
|
<div id="pause" class="ui-icon" style="display: none">
|
|
<div id="pause" class="ui-icon" style="display: none">
|
|
@@ -48,102 +28,40 @@
|
|
|
<div class="hoverTit">{{ $t("operation.zddl") }}</div>
|
|
<div class="hoverTit">{{ $t("operation.zddl") }}</div>
|
|
|
|
|
|
|
|
<a>
|
|
<a>
|
|
|
- <img
|
|
|
|
|
- rel="tooltip"
|
|
|
|
|
- title=""
|
|
|
|
|
- :src="require('@/assets/images/icon/pause.png')"
|
|
|
|
|
- width="24"
|
|
|
|
|
- height="24"
|
|
|
|
|
- :data-original-title="$t('operation.zt')"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <img rel="tooltip" title="" :src="require('@/assets/images/icon/pause.png')" width="24" height="24" :data-original-title="$t('operation.zt')" />
|
|
|
</a>
|
|
</a>
|
|
|
</div>
|
|
</div>
|
|
|
- <div
|
|
|
|
|
- id="next"
|
|
|
|
|
- class="next desktop-only ui-icon wide"
|
|
|
|
|
- style="display: none"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <div id="next" class="next desktop-only ui-icon wide" style="display: none">
|
|
|
<a>
|
|
<a>
|
|
|
- <i
|
|
|
|
|
- rel="tooltip"
|
|
|
|
|
- title=""
|
|
|
|
|
- class="icon icon-dpad-right"
|
|
|
|
|
- :data-original-title="$t('operation.xyg')"
|
|
|
|
|
- ></i>
|
|
|
|
|
|
|
+ <i rel="tooltip" title="" class="icon icon-dpad-right" :data-original-title="$t('operation.xyg')"></i>
|
|
|
</a>
|
|
</a>
|
|
|
</div>
|
|
</div>
|
|
|
<div id="gui-modes-map" class="ui-icon double active">
|
|
<div id="gui-modes-map" class="ui-icon double active">
|
|
|
- <div
|
|
|
|
|
- :data-original-title="$t('operation.dl')"
|
|
|
|
|
- @click="isGuide = !isGuide"
|
|
|
|
|
- id="pullTab"
|
|
|
|
|
- rel="tooltip"
|
|
|
|
|
- :title="$t('operation.cjdl')"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <div :data-original-title="$t('operation.dl')" @click="isGuide = !isGuide" id="pullTab" rel="tooltip" :title="$t('operation.cjdl')">
|
|
|
<!-- 鼠标移入的显示 -->
|
|
<!-- 鼠标移入的显示 -->
|
|
|
<div class="hoverTit">{{ $t("operation.dllist") }}</div>
|
|
<div class="hoverTit">{{ $t("operation.dllist") }}</div>
|
|
|
|
|
|
|
|
- <img
|
|
|
|
|
- title=""
|
|
|
|
|
- class="icon icon-inside"
|
|
|
|
|
- :src="
|
|
|
|
|
- require(`@/assets/images/icon/auto${
|
|
|
|
|
- !isGuide ? '_active' : ''
|
|
|
|
|
- }.png`)
|
|
|
|
|
- "
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <img title="" class="icon icon-inside" :src="require(`@/assets/images/icon/auto${!isGuide ? '_active' : ''}.png`)" />
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <div
|
|
|
|
|
- :data-original-title="$t('operation.mnmx')"
|
|
|
|
|
- id="gui-modes-inside"
|
|
|
|
|
- rel="tooltip"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <div :data-original-title="$t('operation.mnmx')" id="gui-modes-inside" rel="tooltip">
|
|
|
<!-- 鼠标移入的显示 -->
|
|
<!-- 鼠标移入的显示 -->
|
|
|
<div class="hoverTit">{{ $t("operation.qjmy") }}</div>
|
|
<div class="hoverTit">{{ $t("operation.qjmy") }}</div>
|
|
|
|
|
|
|
|
- <img
|
|
|
|
|
- class="icon icon-inside"
|
|
|
|
|
- :src="require('@/assets/images/icon/inside.png')"
|
|
|
|
|
- />
|
|
|
|
|
- <img
|
|
|
|
|
- class="icon icon-inside active"
|
|
|
|
|
- :src="require('@/assets/images/icon/inside_active.png')"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <img class="icon icon-inside" :src="require('@/assets/images/icon/inside.png')" />
|
|
|
|
|
+ <img class="icon icon-inside active" :src="require('@/assets/images/icon/inside_active.png')" />
|
|
|
</div>
|
|
</div>
|
|
|
- <div
|
|
|
|
|
- :title="$t('operation.mnmy')"
|
|
|
|
|
- :data-original-title="$t('operation.mnmx')"
|
|
|
|
|
- id="gui-modes-dollhouse"
|
|
|
|
|
- rel="tooltip"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <div :title="$t('operation.mnmy')" :data-original-title="$t('operation.mnmx')" id="gui-modes-dollhouse" rel="tooltip">
|
|
|
<!-- 鼠标移入的显示 -->
|
|
<!-- 鼠标移入的显示 -->
|
|
|
<div class="hoverTit">{{ $t("operation.swsj") }}</div>
|
|
<div class="hoverTit">{{ $t("operation.swsj") }}</div>
|
|
|
- <img
|
|
|
|
|
- class="icon icon-inside"
|
|
|
|
|
- :src="require('@/assets/images/icon/dollhouse.png')"
|
|
|
|
|
- />
|
|
|
|
|
- <img
|
|
|
|
|
- class="icon icon-inside active"
|
|
|
|
|
- :src="require('@/assets/images/icon/dollhouse_active.png')"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <img class="icon icon-inside" :src="require('@/assets/images/icon/dollhouse.png')" />
|
|
|
|
|
+ <img class="icon icon-inside active" :src="require('@/assets/images/icon/dollhouse_active.png')" />
|
|
|
</div>
|
|
</div>
|
|
|
- <div
|
|
|
|
|
- :data-original-title="$t('operation.fst')"
|
|
|
|
|
- id="gui-modes-floorplan"
|
|
|
|
|
- rel="tooltip"
|
|
|
|
|
- :title="$t('operation.fst')"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <div :data-original-title="$t('operation.fst')" id="gui-modes-floorplan" rel="tooltip" :title="$t('operation.fst')">
|
|
|
<!-- 鼠标移入的显示 -->
|
|
<!-- 鼠标移入的显示 -->
|
|
|
<div class="hoverTit">{{ $t("operation.pmt") }}</div>
|
|
<div class="hoverTit">{{ $t("operation.pmt") }}</div>
|
|
|
- <img
|
|
|
|
|
- class="icon icon-inside"
|
|
|
|
|
- :src="require('@/assets/images/icon/floor.png')"
|
|
|
|
|
- />
|
|
|
|
|
- <img
|
|
|
|
|
- class="active icon icon-inside active"
|
|
|
|
|
- :src="require('@/assets/images/icon/floor_active.png')"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <img class="icon icon-inside" :src="require('@/assets/images/icon/floor.png')" />
|
|
|
|
|
+ <img class="active icon icon-inside active" :src="require('@/assets/images/icon/floor_active.png')" />
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 热点列表 -->
|
|
<!-- 热点列表 -->
|
|
@@ -153,29 +71,11 @@
|
|
|
<img src="../../assets/images/icon/hot.png" alt="" />
|
|
<img src="../../assets/images/icon/hot.png" alt="" />
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <div
|
|
|
|
|
- data-original-title="VR"
|
|
|
|
|
- id="vr"
|
|
|
|
|
- rel="tooltip"
|
|
|
|
|
- title=""
|
|
|
|
|
- style="display: none"
|
|
|
|
|
- >
|
|
|
|
|
- <img
|
|
|
|
|
- class="icon icon-inside"
|
|
|
|
|
- :src="require('@/assets/images/VR.png')"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <div data-original-title="VR" id="vr" rel="tooltip" title="" style="display: none">
|
|
|
|
|
+ <img class="icon icon-inside" :src="require('@/assets/images/VR.png')" />
|
|
|
</div>
|
|
</div>
|
|
|
- <div
|
|
|
|
|
- :data-original-title="$t('operation.xcwk')"
|
|
|
|
|
- id="gui-remove-face"
|
|
|
|
|
- rel="tooltip"
|
|
|
|
|
- :title="$t('operation.xcwk')"
|
|
|
|
|
- style="display: none; float: left"
|
|
|
|
|
- >
|
|
|
|
|
- <img
|
|
|
|
|
- class="icon icon-inside"
|
|
|
|
|
- :src="require('@/assets/images/face.jpg')"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <div :data-original-title="$t('operation.xcwk')" id="gui-remove-face" rel="tooltip" :title="$t('operation.xcwk')" style="display: none; float: left">
|
|
|
|
|
+ <img class="icon icon-inside" :src="require('@/assets/images/face.jpg')" />
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -194,20 +94,12 @@
|
|
|
|
|
|
|
|
<div id="vr" class="ui-icon wide hidden" style="display: none">
|
|
<div id="vr" class="ui-icon wide hidden" style="display: none">
|
|
|
<a>
|
|
<a>
|
|
|
- <i
|
|
|
|
|
- rel="tooltip"
|
|
|
|
|
- title="{[{ VIEW_IN_VR }]}"
|
|
|
|
|
- class="icon icon-webvr"
|
|
|
|
|
- ></i>
|
|
|
|
|
|
|
+ <i rel="tooltip" title="{[{ VIEW_IN_VR }]}" class="icon icon-webvr"></i>
|
|
|
</a>
|
|
</a>
|
|
|
</div>
|
|
</div>
|
|
|
<div id="sharing" class="ui-icon wide hidden" style="display: none">
|
|
<div id="sharing" class="ui-icon wide hidden" style="display: none">
|
|
|
<a>
|
|
<a>
|
|
|
- <i
|
|
|
|
|
- rel="tooltip"
|
|
|
|
|
- title="{[{ SOCIAL_SHARING }]}"
|
|
|
|
|
- class="icon icon-share"
|
|
|
|
|
- ></i>
|
|
|
|
|
|
|
+ <i rel="tooltip" title="{[{ SOCIAL_SHARING }]}" class="icon icon-share"></i>
|
|
|
</a>
|
|
</a>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="pull-right terms terms2">
|
|
<div class="pull-right terms terms2">
|
|
@@ -228,18 +120,7 @@
|
|
|
<img src="../../assets/img/openVR.png" alt="" />
|
|
<img src="../../assets/img/openVR.png" alt="" />
|
|
|
</div> -->
|
|
</div> -->
|
|
|
<div class="fgx">
|
|
<div class="fgx">
|
|
|
- <img
|
|
|
|
|
- style="
|
|
|
|
|
- display: block;
|
|
|
|
|
- width: 9px;
|
|
|
|
|
- width: 9px;
|
|
|
|
|
- position: relative;
|
|
|
|
|
- left: -8px;
|
|
|
|
|
- top: 10px;
|
|
|
|
|
- "
|
|
|
|
|
- src="../../assets/images/icon/border.png"
|
|
|
|
|
- alt=""
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <img style="display: block; width: 9px; width: 9px; position: relative; left: -8px; top: 10px" src="../../assets/images/icon/border.png" alt="" />
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 音乐 -->
|
|
<!-- 音乐 -->
|
|
|
<div id="volume" class="ui-icon bgandshare wide">
|
|
<div id="volume" class="ui-icon bgandshare wide">
|
|
@@ -248,20 +129,8 @@
|
|
|
{{ musicState ? $t("operation.gbyy") : $t("operation.dkyy") }}
|
|
{{ musicState ? $t("operation.gbyy") : $t("operation.dkyy") }}
|
|
|
</div>
|
|
</div>
|
|
|
<div>
|
|
<div>
|
|
|
- <img
|
|
|
|
|
- id="openMusic"
|
|
|
|
|
- style="display: block"
|
|
|
|
|
- @click="switchBGM(true)"
|
|
|
|
|
- src="../../assets/images/icon/musicAc.png"
|
|
|
|
|
- alt=""
|
|
|
|
|
- />
|
|
|
|
|
- <img
|
|
|
|
|
- id="closeMusic"
|
|
|
|
|
- style="display: none"
|
|
|
|
|
- @click="switchBGM(false)"
|
|
|
|
|
- src="../../assets/images/icon/music.png"
|
|
|
|
|
- alt=""
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <img id="openMusic" style="display: block" @click="switchBGM(true)" src="../../assets/images/icon/musicAc.png" alt="" />
|
|
|
|
|
+ <img id="closeMusic" style="display: none" @click="switchBGM(false)" src="../../assets/images/icon/music.png" alt="" />
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 分享 -->
|
|
<!-- 分享 -->
|
|
@@ -324,12 +193,7 @@
|
|
|
|
|
|
|
|
<div class="toHomeBox" @click="handleFullscreen">
|
|
<div class="toHomeBox" @click="handleFullscreen">
|
|
|
<div class="hoverTit">{{ $t("operation.qp") }}</div>
|
|
<div class="hoverTit">{{ $t("operation.qp") }}</div>
|
|
|
- <img
|
|
|
|
|
- :src="
|
|
|
|
|
- require(`../../assets/images/icon/full${isFull ? 'x' : ''}.png`)
|
|
|
|
|
- "
|
|
|
|
|
- alt=""
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <img :src="require(`../../assets/images/icon/full${isFull ? 'x' : ''}.png`)" alt="" />
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- <div class="toHomeBox">
|
|
<!-- <div class="toHomeBox">
|
|
@@ -469,8 +333,7 @@ export default {
|
|
|
// 全屏
|
|
// 全屏
|
|
|
if (element.requestFullscreen) element.requestFullscreen();
|
|
if (element.requestFullscreen) element.requestFullscreen();
|
|
|
else if (element.mozRequestFullScreen) element.mozRequestFullScreen();
|
|
else if (element.mozRequestFullScreen) element.mozRequestFullScreen();
|
|
|
- else if (element.webkitRequestFullscreen)
|
|
|
|
|
- element.webkitRequestFullscreen();
|
|
|
|
|
|
|
+ else if (element.webkitRequestFullscreen) element.webkitRequestFullscreen();
|
|
|
else if (element.msRequestFullscreen) element.msRequestFullscreen();
|
|
else if (element.msRequestFullscreen) element.msRequestFullscreen();
|
|
|
},
|
|
},
|
|
|
exitFullscreen() {
|
|
exitFullscreen() {
|
|
@@ -482,10 +345,7 @@ export default {
|
|
|
},
|
|
},
|
|
|
checkIfMobile() {
|
|
checkIfMobile() {
|
|
|
const userAgent = navigator.userAgent || navigator.vendor || window.opera;
|
|
const userAgent = navigator.userAgent || navigator.vendor || window.opera;
|
|
|
- this.isMyMobile =
|
|
|
|
|
- /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(
|
|
|
|
|
- userAgent
|
|
|
|
|
- );
|
|
|
|
|
|
|
+ this.isMyMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
|
|
|
},
|
|
},
|
|
|
switchBGM(flag) {
|
|
switchBGM(flag) {
|
|
|
this.musicState = flag;
|
|
this.musicState = flag;
|
|
@@ -517,14 +377,7 @@ export default {
|
|
|
localStorage.setItem("locale", item.key);
|
|
localStorage.setItem("locale", item.key);
|
|
|
// this.updateReadList();
|
|
// this.updateReadList();
|
|
|
this.$nextTick(() => {
|
|
this.$nextTick(() => {
|
|
|
- document.title =
|
|
|
|
|
- item.key === "zh-hk"
|
|
|
|
|
- ? "澳門基本法紀念館"
|
|
|
|
|
- : item.key === "en"
|
|
|
|
|
- ? "Macao Basic Law Memorial Museum"
|
|
|
|
|
- : item.key === "pe"
|
|
|
|
|
- ? "Museu Memorial da Lei Básica de Macau"
|
|
|
|
|
- : "澳門基本法紀念館";
|
|
|
|
|
|
|
+ document.title = item.key === "zh-hk" ? "澳門基本法紀念館" : item.key === "en" ? "Macao Basic Law Memorial Museum" : item.key === "pe" ? "Museu Memorial da Lei Básica de Macau" : "澳門基本法紀念館";
|
|
|
hotGroup?.children.forEach((item) => {
|
|
hotGroup?.children.forEach((item) => {
|
|
|
item.setTitleElem();
|
|
item.setTitleElem();
|
|
|
});
|
|
});
|
|
@@ -552,8 +405,7 @@ export default {
|
|
|
url: `https://sit-visitcommon.4dage.com//api/visit/trend/period/${this.m}`,
|
|
url: `https://sit-visitcommon.4dage.com//api/visit/trend/period/${this.m}`,
|
|
|
});
|
|
});
|
|
|
console.log("getReadData", res);
|
|
console.log("getReadData", res);
|
|
|
- this.readVlaue =
|
|
|
|
|
- (res.data && res.data.data && res.data.data.pcsVisit) || 0;
|
|
|
|
|
|
|
+ this.readVlaue = (res.data && res.data.data && res.data.data.pcsVisit) || 0;
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
beforeDestroy() {
|
|
beforeDestroy() {
|
lanxin