|
@@ -22,7 +22,7 @@
|
|
<div v-else class="antiquity-detail-two-left is-model">
|
|
<div v-else class="antiquity-detail-two-left is-model">
|
|
<iframe ref="iframe" :src="`./model.html?m=${detail?.link}`" />
|
|
<iframe ref="iframe" :src="`./model.html?m=${detail?.link}`" />
|
|
<div class="antiquity-detail-two-left-tools">
|
|
<div class="antiquity-detail-two-left-tools">
|
|
- <img
|
|
|
|
|
|
+ <!-- <img
|
|
draggable="false"
|
|
draggable="false"
|
|
:src="isFullscreen ? UnFullscreenImg : FullscreenImg"
|
|
:src="isFullscreen ? UnFullscreenImg : FullscreenImg"
|
|
@click="toggle"
|
|
@click="toggle"
|
|
@@ -31,7 +31,7 @@
|
|
draggable="false"
|
|
draggable="false"
|
|
src="@/assets/images/2.png"
|
|
src="@/assets/images/2.png"
|
|
@click="handleZoom"
|
|
@click="handleZoom"
|
|
- />
|
|
|
|
|
|
+ /> -->
|
|
<img
|
|
<img
|
|
draggable="false"
|
|
draggable="false"
|
|
:src="autoPlay ? PauseImg : PlayImg"
|
|
:src="autoPlay ? PauseImg : PlayImg"
|
|
@@ -65,17 +65,17 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
-import { useFullscreen } from "@vueuse/core";
|
|
|
|
|
|
+// import { useFullscreen } from "@vueuse/core";
|
|
import { computed, ref } from "vue";
|
|
import { computed, ref } from "vue";
|
|
import { antiquityData, getEnvImagePath } from "@helong/base";
|
|
import { antiquityData, getEnvImagePath } from "@helong/base";
|
|
import { useRoute } from "vue-router";
|
|
import { useRoute } from "vue-router";
|
|
import Topbar from "@/components/Topbar.vue";
|
|
import Topbar from "@/components/Topbar.vue";
|
|
import FullscreenImg from "@/assets/images/icon.png";
|
|
import FullscreenImg from "@/assets/images/icon.png";
|
|
-import UnFullscreenImg from "@/assets/images/1.png";
|
|
|
|
|
|
+// import UnFullscreenImg from "@/assets/images/1.png";
|
|
import PlayImg from "@/assets/images/3.png";
|
|
import PlayImg from "@/assets/images/3.png";
|
|
import PauseImg from "@/assets/images/3-1.png";
|
|
import PauseImg from "@/assets/images/3-1.png";
|
|
|
|
|
|
-const { isFullscreen, toggle } = useFullscreen();
|
|
|
|
|
|
+// const { isFullscreen, toggle } = useFullscreen();
|
|
const route = useRoute();
|
|
const route = useRoute();
|
|
const detail = computed(() =>
|
|
const detail = computed(() =>
|
|
antiquityData.find((i) => i.id === Number(route.params.id))
|
|
antiquityData.find((i) => i.id === Number(route.params.id))
|