Explorar el Código

微信调试按钮

任一存 hace 1 año
padre
commit
e2518548fb
Se han modificado 1 ficheros con 24 adiciones y 0 borrados
  1. 24 0
      src/views/HomeView.vue

+ 24 - 0
src/views/HomeView.vue

@@ -302,6 +302,12 @@
         })"
       />
     </Transition>
+    <button
+      class="test"
+      @click="onClickTest"
+    >
+      触发转场视频(调试专用)
+    </button>
   </div>
 </template>
 
@@ -616,6 +622,15 @@ const touchMove = (event) => {
   }
 }
 
+function onClickTest() {
+  isShowVideoFadeToNextPage.value = true
+  nextTick(() => {
+    videoFadeToNextPageEl.value.play()
+  })
+  setTimeout(() => {
+    isShowSkip.value = true
+  }, 2000)
+}
 </script>
 
 <style lang="less" scoped>
@@ -896,5 +911,14 @@ const touchMove = (event) => {
     object-fit: cover;
     z-index: 20;
   }
+
+  >button.test{
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100px;
+    height: 100px;
+    z-index: 20;
+  }
 }
 </style>