upp

src/views/MoreContent.vue

@@ -37,18 +37,6 @@
           alt=""
           draggable="false"
         >
-        <!-- <img
-          class="bamboo-4_03"
-          src="@/assets/images/fade-chapter-wood/4_03.webp"
-          alt=""
-          draggable="false"
-        > -->
-        <!-- <img
-          class="bamboo-4_04"
-          src="@/assets/images/fade-chapter-wood/4_04.webp"
-          alt=""
-          draggable="false"
-        > -->
         <img
           class="bamboo-4_05"
           src="@/assets/images/fade-chapter-wood/4_05.webp"
@@ -289,27 +277,25 @@
           </div>
         </div>
         <!-- 第四页文字 -->
-        <div
-          class="wei-ye-group"
-        >
+        <div class="wei-ye-group">
           <img
             src="@/assets/images/wu-jing-cang.png"
             alt=""
           >
           <div
             class="game-box"
-            @click="
-              OpenScene()
-            "
+            @click="OpenScene()"
           >
             线上展厅
           </div>
           <div
             class="online-box"
-            @click="() => {
-              store.state.haveShownStartup = false
-              router.replace('/?back=1')
-            }"
+            @click="
+              () => {
+                store.state.haveShownStartup = false;
+                router.replace('/?back=1');
+              }
+            "
           >
             重新开始
           </div>
@@ -338,11 +324,7 @@
       :total="4"
       :idx="currentAnchorIdx"
     /> -->
-    <BtnBack
-      @click="
-        router.replace('/?back=1')
-      "
-    />
+    <BtnBack @click="router.replace('/?back=1')" />
 
     <OperationTip
       class="operation-tip"
@@ -415,15 +397,6 @@
         v-if="isShowToastFromGame"
         class="edit-box"
       >
-        <!-- <input :v-model="inputValue"> -->
-        <!-- <div class="text" >{{ inputValue }}</div>
-        <div class="text">{{  }}</div> -->
-        <!-- <textarea
-          v-model="inputText"
-          rows="2"
-          maxlength="15"
-          @input="onInput"
-        /> -->
         <div class="input-box">
           <input
             ref="input1Ref"
@@ -475,47 +448,33 @@
 </template>
 
 <script setup>
-import {
-  ref,
-  computed,
-  watch,
-  onMounted,
-  onBeforeMount,
-  inject,
-  nextTick,
-} from "vue"
+import { ref, computed, watch, onMounted, onBeforeMount, nextTick } from "vue"
 import { useRoute, useRouter } from "vue-router"
 import { useStore } from "vuex"
-import PoemList from "@/views/PoemList.vue"
-import paintingList from "@/views/PaintingList.vue"
 import useSmoothSwipe from "@/useFunctions/useSmoothSwipe.js"
 import { useWindowSize } from "@vueuse/core"
 import OperationTip from "@/components/OperationTip.vue"
 import useSizeAdapt from "@/useFunctions/useSizeAdapt.js"
-import PaginationComp from "@/components/PaginationComp.vue"
 
 const route = useRoute()
 const router = useRouter()
 const store = useStore()
 
-const $env = inject("$env")
-
 const isShowGamePage = ref(false)
 
 const isShowScenePage = ref(false)
 
 const isShowToastFromGame = ref(false)
 
-
 const OpenScene = () => {
   isShowScenePage.value = true
-  const musicDom = document.getElementById('bg-music')
+  const musicDom = document.getElementById("bg-music")
   musicDom.pause()
 }
 
 const closeScene = () => {
   isShowScenePage.value = false
-  const musicDom = document.getElementById('bg-music')
+  const musicDom = document.getElementById("bg-music")
   musicDom.play()
 }
 
@@ -585,10 +544,8 @@ const positionNumInit = computed(() => {
 const {
   onSwipeLeft,
   onswipeRight,
-  haveSwipedThisTime,
   translateLength,
   currentAnchorIdx,
-  goingToAnchorIdx,
 } = useSmoothSwipe({
   scrollTargetRef: scrollTarget,
   maxTranslateLength,
@@ -607,8 +564,6 @@ const {
   initialAnchorIdx: Number(route.query.anchorIdx) || 0,
 })
 
-
-
 const bgInitialLeft = -30
 const bgLeft = ref(bgInitialLeft)
 const bgSpeedFactor = 0.8 * 0.8 * 0.8 * 0.8
@@ -622,10 +577,12 @@ watch(
   }
 )
 
-
-const curPercentage = computed(() => {
-  return currentAnchorIdx.value
-}, { immediate: true })
+const curPercentage = computed(
+  () => {
+    return currentAnchorIdx.value
+  },
+  { immediate: true }
+)
 
 const layer4SpeedFactor = 0.8 * 0.8 * 0.8
 const layer4InitialLeft = 0
@@ -679,14 +636,9 @@ watch(
 )
 
 const isShowOperationTip = ref(true)
-const unwatch = watch(translateLength, (v) => {
+const unwatch = watch(translateLength, () => {
   isShowOperationTip.value = false
   unwatch()
-  // if (Math.abs(v - (scrollerEl.value.scrollHeight - scrollerEl.value.clientHeight)) <= 1) {
-  //   router.push({
-  //     name: 'MoreContent',
-  //   })
-  // }
 })
 
 const videoFadeAtShuangGouEl = ref(null)
@@ -721,34 +673,14 @@ function onClickEntryAtMoZhu(pathName) {
 const videoFadeAtPage3El = ref(null)
 const isShowVideoFadeAtPage3 = ref(false)
 
-watch(goingToAnchorIdx, (v) => {
-  if (v === 2) {
-    // 跳转到尾页
-    // setTimeout(() => {
-    //   isShowVideoFadeAtPage3.value = true
-    //   nextTick(() => {
-    //     videoFadeAtPage3El.value.addEventListener('ended', () => {
-    //       router.push({
-    //         name: 'Game',
-    //       })
-    //     })
-    //     videoFadeAtPage3El.value.play()
-    //   })
-    // }, 850)
-  }
-})
-
 const isReady = ref(true)
 
-
-
 onBeforeMount(() => {
   // 第一个页面跳转 要白屏渐进  其他页面不用
   if (route.query.anchorIdx) {
     if (route.query.anchorIdx == 0) isReady.value = false
   } else isReady.value = false
 
-
   window.addEventListener("resize", () => {
     window.setTimeout(() => {
       // 根元素
@@ -764,13 +696,10 @@ onBeforeMount(() => {
       isReady.value = true
     }, 300)
   }
-
 })
 
 onMounted(() => {
   window.dispatchEvent(new Event("resize"))
-
-  // const dom = document.querySelector("#app")
   windowWidth.value = window.windowWidth
   windowHeight.value = window.windowHeight
 
@@ -1189,7 +1118,7 @@ onMounted(() => {
       }
 
       // 第三页
-      .shuang-gou-she-se-group3{
+      .shuang-gou-she-se-group3 {
         left: calc(
           1280px * v-bind("windowHeight") / v-bind("windowHeightDesign")
         );
@@ -1216,9 +1145,9 @@ onMounted(() => {
         > .button-group {
           position: absolute;
           width: calc(
-              20 / v-bind("windowSizeWhenDesignForRef") *
-                v-bind("windowSizeInCssForRef")
-            );
+            20 / v-bind("windowSizeWhenDesignForRef") *
+              v-bind("windowSizeInCssForRef")
+          );
           top: calc(
             75px * v-bind("windowHeight") / v-bind("windowHeightDesign")
           );
@@ -1282,7 +1211,7 @@ onMounted(() => {
           200 / v-bind("windowSizeWhenDesignForRef") *
             v-bind("windowSizeInCssForRef")
         );
-        &>img{
+        & > img {
           width: 118px;
         }
 
@@ -1328,8 +1257,7 @@ onMounted(() => {
           align-items: center;
 
           margin-left: calc(
-            -25 / v-bind("windowSizeWhenDesignForRef") *
-              v-bind("windowSizeInCssForRef")
+            -25 / v-bind("windowSizeWhenDesignForRef") * v-bind("windowSizeInCssForRef")
           );
           font-size: calc(
             20 / v-bind("windowSizeWhenDesignForRef") *
@@ -1555,6 +1483,4 @@ onMounted(() => {
     }
   }
 }
-
-
 </style>