|
|
@@ -206,7 +206,7 @@
|
|
|
</template>
|
|
|
<!-- 音乐按钮 -->
|
|
|
<transition name="fade" enter-active-class="animate__animated animate__fadeInUp animate__faster" leave-active-class="animate__animated animate__fadeOutDown animate__faster">
|
|
|
- <div v-show="openType != 'immersive' || isMobile" class="right-btn" :class="{ mobile: isMobile }">
|
|
|
+ <div class="right-btn" :class="{ mobile: isMobile }">
|
|
|
<div id="bgm" class="button-item" :class="getActive(i.type)" v-for="(i, index) in rightButtons">
|
|
|
<img class="normal" id="openMusic" :src="i.normalIcon" alt="" @click="switchBGM(false)" />
|
|
|
<img class="active" id="closeMusic" :src="i.activeIcon" alt="" @click="switchBGM(true)" />
|
|
|
@@ -253,104 +253,104 @@ export default {
|
|
|
isFullscreen: false,
|
|
|
leftButtons: [
|
|
|
{
|
|
|
- normalIcon: require("@/assets/image/icon/new-icon/icon_dollhouse.png"),
|
|
|
- activeIcon: require("@/assets/image/icon/new-icon/icon_dollhouse_active.png"),
|
|
|
+ normalIcon: require("@/assets/image/icon/new-icon/icon_dollhouse.svg"),
|
|
|
+ activeIcon: require("@/assets/image/icon/new-icon/icon_dollhouse_active.svg"),
|
|
|
name: "3d模型",
|
|
|
type: "model",
|
|
|
},
|
|
|
{
|
|
|
- normalIcon: require("@/assets/image/icon/new-icon/icon_map.png"),
|
|
|
- activeIcon: require("@/assets/image/icon/new-icon/icon_map_active.png"),
|
|
|
+ normalIcon: require("@/assets/image/icon/new-icon/icon_map.svg"),
|
|
|
+ activeIcon: require("@/assets/image/icon/new-icon/icon_map_active.svg"),
|
|
|
name: "导航地图",
|
|
|
type: "map",
|
|
|
},
|
|
|
{
|
|
|
- normalIcon: require("@/assets/image/icon/new-icon/icon_point.png"),
|
|
|
- activeIcon: require("@/assets/image/icon/new-icon/icon_point_active.png"),
|
|
|
+ normalIcon: require("@/assets/image/icon/new-icon/icon_point.svg"),
|
|
|
+ activeIcon: require("@/assets/image/icon/new-icon/icon_point_active.svg"),
|
|
|
name: "重点展位",
|
|
|
type: "tour",
|
|
|
},
|
|
|
{
|
|
|
- normalIcon: require("@/assets/image/icon/new-icon/icon_detail.png"),
|
|
|
- activeIcon: require("@/assets/image/icon/new-icon/icon_detail_active.png"),
|
|
|
+ normalIcon: require("@/assets/image/icon/new-icon/icon_detail.svg"),
|
|
|
+ activeIcon: require("@/assets/image/icon/new-icon/icon_detail_active.svg"),
|
|
|
name: "热点列表",
|
|
|
type: "hots",
|
|
|
},
|
|
|
{
|
|
|
- normalIcon: require("@/assets/image/icon/new-icon/icon_line.png"),
|
|
|
- activeIcon: require("@/assets/image/icon/new-icon/icon_line_active.png"),
|
|
|
+ normalIcon: require("@/assets/image/icon/new-icon/icon_line.svg"),
|
|
|
+ activeIcon: require("@/assets/image/icon/new-icon/icon_line_active.svg"),
|
|
|
name: "展览路线",
|
|
|
type: "route",
|
|
|
},
|
|
|
{
|
|
|
- normalIcon: require("@/assets/image/icon/new-icon/icon_screen.png"),
|
|
|
- activeIcon: require("@/assets/image/icon/new-icon/icon_screen_active.png"),
|
|
|
+ normalIcon: require("@/assets/image/icon/new-icon/icon_screen.svg"),
|
|
|
+ activeIcon: require("@/assets/image/icon/new-icon/icon_screen_active.svg"),
|
|
|
name: "全屏",
|
|
|
type: "fullScreen",
|
|
|
},
|
|
|
{
|
|
|
- normalIcon: require("@/assets/image/icon/new-icon/icon_mod.png"),
|
|
|
- activeIcon: require("@/assets/image/icon/new-icon/icon_mod_active.png"),
|
|
|
+ normalIcon: require("@/assets/image/icon/new-icon/icon_mod.svg"),
|
|
|
+ activeIcon: require("@/assets/image/icon/new-icon/icon_mod_active.svg"),
|
|
|
name: "沉浸看展",
|
|
|
type: "immersive",
|
|
|
},
|
|
|
],
|
|
|
rightButtons: [
|
|
|
{
|
|
|
- normalIcon: require("@/assets/image/icon/new-icon/icon_voice_on.png"),
|
|
|
- activeIcon: require("@/assets/image/icon/new-icon/icon_voice_off.png"),
|
|
|
+ normalIcon: require("@/assets/image/icon/new-icon/icon_voice_on.svg"),
|
|
|
+ activeIcon: require("@/assets/image/icon/new-icon/icon_voice_off.svg"),
|
|
|
name: "音乐",
|
|
|
type: "music",
|
|
|
},
|
|
|
],
|
|
|
mobileTopBtns: [
|
|
|
{
|
|
|
- normalIcon: require("@/assets/image/icon/new-icon/icon_dollhouse.png"),
|
|
|
- activeIcon: require("@/assets/image/icon/new-icon/icon_dollhouse_active.png"),
|
|
|
+ normalIcon: require("@/assets/image/icon/new-icon/icon_dollhouse.svg"),
|
|
|
+ activeIcon: require("@/assets/image/icon/new-icon/icon_dollhouse_active.svg"),
|
|
|
name: "3d模型",
|
|
|
type: "model",
|
|
|
},
|
|
|
{
|
|
|
- normalIcon: require("@/assets/image/icon/new-icon/icon_map.png"),
|
|
|
- activeIcon: require("@/assets/image/icon/new-icon/icon_map_active.png"),
|
|
|
+ normalIcon: require("@/assets/image/icon/new-icon/icon_map.svg"),
|
|
|
+ activeIcon: require("@/assets/image/icon/new-icon/icon_map_active.svg"),
|
|
|
name: "导航地图",
|
|
|
type: "map",
|
|
|
},
|
|
|
{
|
|
|
- normalIcon: require("@/assets/image/icon/new-icon/icon_mod.png"),
|
|
|
- activeIcon: require("@/assets/image/icon/new-icon/icon_mod_active.png"),
|
|
|
+ normalIcon: require("@/assets/image/icon/new-icon/icon_mod.svg"),
|
|
|
+ activeIcon: require("@/assets/image/icon/new-icon/icon_mod_active.svg"),
|
|
|
name: "沉浸看展",
|
|
|
type: "immersive",
|
|
|
},
|
|
|
],
|
|
|
mobileBottomBtns: [
|
|
|
{
|
|
|
- normalIcon: require("@/assets/image/icon/new-icon/icon_detail.png"),
|
|
|
- activeIcon: require("@/assets/image/icon/new-icon/icon_detail_active.png"),
|
|
|
+ normalIcon: require("@/assets/image/icon/new-icon/icon_detail.svg"),
|
|
|
+ activeIcon: require("@/assets/image/icon/new-icon/icon_detail_active.svg"),
|
|
|
name: "热点列表",
|
|
|
type: "hots",
|
|
|
},
|
|
|
{
|
|
|
- normalIcon: require("@/assets/image/icon/new-icon/icon_point.png"),
|
|
|
- activeIcon: require("@/assets/image/icon/new-icon/icon_point_active.png"),
|
|
|
+ normalIcon: require("@/assets/image/icon/new-icon/icon_point.svg"),
|
|
|
+ activeIcon: require("@/assets/image/icon/new-icon/icon_point_active.svg"),
|
|
|
name: "重点展位",
|
|
|
type: "tour",
|
|
|
},
|
|
|
{
|
|
|
- normalIcon: require("@/assets/image/icon/new-icon/icon_line.png"),
|
|
|
- activeIcon: require("@/assets/image/icon/new-icon/icon_line_active.png"),
|
|
|
+ normalIcon: require("@/assets/image/icon/new-icon/icon_line.svg"),
|
|
|
+ activeIcon: require("@/assets/image/icon/new-icon/icon_line_active.svg"),
|
|
|
name: "展览路线",
|
|
|
type: "route",
|
|
|
},
|
|
|
{
|
|
|
- normalIcon: require("@/assets/image/icon/new-icon/icon_pre.png"),
|
|
|
- activeIcon: require("@/assets/image/icon/new-icon/icon_line_active.png"),
|
|
|
+ normalIcon: require("@/assets/image/icon/new-icon/icon_pre.svg"),
|
|
|
+ activeIcon: require("@/assets/image/icon/new-icon/icon_line_active.svg"),
|
|
|
name: "后退",
|
|
|
type: "controls",
|
|
|
},
|
|
|
{
|
|
|
- normalIcon: require("@/assets/image/icon/new-icon/icon_next.png"),
|
|
|
- activeIcon: require("@/assets/image/icon/new-icon/icon_line_active.png"),
|
|
|
+ normalIcon: require("@/assets/image/icon/new-icon/icon_next.svg"),
|
|
|
+ activeIcon: require("@/assets/image/icon/new-icon/icon_line_active.svg"),
|
|
|
name: "前进",
|
|
|
type: "controls",
|
|
|
},
|
|
|
@@ -378,6 +378,13 @@ export default {
|
|
|
window.addEventListener("playerAndModelReady", () => {
|
|
|
player.on("flying.ended", () => {
|
|
|
this.mode = player.mode;
|
|
|
+ if (this.mode == "dollhouse") {
|
|
|
+ $(".cad").hide();
|
|
|
+ $(".minimap-controls").hide();
|
|
|
+ } else {
|
|
|
+ $(".cad").show();
|
|
|
+ $(".minimap-controls").show();
|
|
|
+ }
|
|
|
});
|
|
|
player.on("pano.chosen", (oldPano, newPano) => {
|
|
|
let { id } = newPano;
|