|
@@ -30,7 +30,15 @@ import Opening from "@/components/assembly/OpeningMobile";
|
|
|
import LoadingLogo from "@/components/assembly/Loading";
|
|
|
import { createApp } from "@/app";
|
|
|
|
|
|
-import { ref, onMounted, computed, unref, watch, nextTick } from "vue";
|
|
|
+import {
|
|
|
+ ref,
|
|
|
+ onMounted,
|
|
|
+ computed,
|
|
|
+ unref,
|
|
|
+ onBeforeMount,
|
|
|
+ watch,
|
|
|
+ nextTick,
|
|
|
+} from "vue";
|
|
|
import { getPanoInfo, checkWork } from "@/apis";
|
|
|
import { useStore } from "vuex";
|
|
|
import config from "@/utils/config";
|
|
@@ -61,6 +69,14 @@ const isAutoRotate = computed(() => store.getters["functions/isAutoRotate"]);
|
|
|
const earthMask = computed(() => store.getters["scene/earthMask"]);
|
|
|
const skyMask = computed(() => store.getters["scene/skyMask"]);
|
|
|
const isShowOpeningAnimation = ref(0);
|
|
|
+
|
|
|
+onBeforeMount(() => {
|
|
|
+ const vlog = browser.getURLParam("vlog");
|
|
|
+ if (vlog) {
|
|
|
+ var vConsole = new window.VConsole();
|
|
|
+ }
|
|
|
+});
|
|
|
+
|
|
|
onMounted(async () => {
|
|
|
if (!browser.isMobile()) {
|
|
|
window.location.href = window.location.href.replace(
|
|
@@ -251,7 +267,10 @@ const handleMasksUpdate = (skyMask, earthMask, app) => {
|
|
|
}
|
|
|
|
|
|
if (skyMask.icon) {
|
|
|
- app.krpanoDom.set(`hotspot[peaklogo].url`, skyMask.icon);
|
|
|
+ app.krpanoDom.set(
|
|
|
+ `hotspot[peaklogo].url`,
|
|
|
+ skyMask.icon + "?x-oss-process=image/resize,w_1000"
|
|
|
+ );
|
|
|
} else {
|
|
|
app.krpanoDom.set(`hotspot[peaklogo].url`, defaultMask);
|
|
|
}
|
|
@@ -261,16 +280,22 @@ const handleMasksUpdate = (skyMask, earthMask, app) => {
|
|
|
if ("antidistorted" in skyMask) {
|
|
|
app.krpanoDom.set(`hotspot[peaklogo].distorted`, skyMask.antidistorted);
|
|
|
if (!skyMask.antidistorted) {
|
|
|
- app.krpanoDom.set(`hotspot[peaklogo].scale`, skyMask.scale * 0.50);
|
|
|
+ app.krpanoDom.set(`hotspot[peaklogo].scale`, skyMask.scale * 1.5);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
if (earthMask) {
|
|
|
if ("isShow" in earthMask) {
|
|
|
- app.krpanoDom.set(`hotspot[nadirlogo].visible`, Boolean(earthMask.isShow));
|
|
|
+ app.krpanoDom.set(
|
|
|
+ `hotspot[nadirlogo].visible`,
|
|
|
+ Boolean(earthMask.isShow)
|
|
|
+ );
|
|
|
}
|
|
|
if (earthMask.icon) {
|
|
|
- app.krpanoDom.set(`hotspot[nadirlogo].url`, earthMask.icon);
|
|
|
+ app.krpanoDom.set(
|
|
|
+ `hotspot[nadirlogo].url`,
|
|
|
+ earthMask.icon + "?x-oss-process=image/resize,w_1000"
|
|
|
+ );
|
|
|
}
|
|
|
if ("scale" in earthMask) {
|
|
|
app.krpanoDom.set(`hotspot[nadirlogo].scale`, earthMask.scale);
|
|
@@ -281,7 +306,7 @@ const handleMasksUpdate = (skyMask, earthMask, app) => {
|
|
|
earthMask.antidistorted
|
|
|
);
|
|
|
if (!earthMask.antidistorted) {
|
|
|
- app.krpanoDom.set(`hotspot[nadirlogo].scale`, earthMask.scale * 0.50);
|
|
|
+ app.krpanoDom.set(`hotspot[nadirlogo].scale`, earthMask.scale * 1.5);
|
|
|
}
|
|
|
}
|
|
|
}
|