提交

src/view/SilkRoadSpringFestivalGala/index.vue

@@ -34,7 +34,7 @@
         x5-video-player-fullscreen="true"
         src="../../assets/video/W.mp4"
         class="video"
-        v-show="page === 'fourth' || page === 'five' || page === 'sex'"
+        v-show=" page === 'five' || page === 'sex'"
       ></video>
       <video
         muted

src/view/SilkRoadSpringFestivalGala/pages/fourth.vue

@@ -1,14 +1,21 @@
 <template>
   <div class="fourth">
     <div class="main animate__animated">
-      <img src="../../../assets/img/top4.png" />
-      <label for="file" :class="{ camere: true, shakeSlow: dou === 2 }">
+      <!-- <img src="../../../assets/img/top4.png" /> -->
+      <div class="top4">
+        <p>现在</p>
+        <p>请你点击相机</p>
+        <p>拍摄属于你的光</p>
+        <p>得到你的2023开运色</p>
+      </div>
+      <label for="file" :class="{ camere: true }">
+      <!-- <label for="file" :class="{ camere: true, shakeSlow: dou === 2 }"> -->
         <img src="../../../assets/img/camere.png" style="width: 100%" />
       </label>
-      <img
+      <!-- <img
         :class="{ doudong: dou === 1 }"
         src="../../../assets/img/bottom4.png"
-      />
+      /> -->
     </div>
 
     <input
@@ -24,7 +31,7 @@
 <script setup>
 import { ref, defineEmits } from "vue";
 // import { onMounted, reactive } from "vue";
-import { isAndroid, isIphone } from "../../../utils/isTerminal";
+// import { isAndroid, isIphone } from "../../../utils/isTerminal";
 /**
  * window.$originData.orginParames.title 页面标题
  * window.$originData.orginParames.parameters 固定参数值
@@ -61,7 +68,7 @@ function toNext() {
 
 function inputFile() {
   dou.value = 1;
-  if (isAndroid || isIphone) return;
+//   if (isAndroid || isIphone) return;
   let t = setTimeout(() => {
     clearTimeout(t);
     toNext();
@@ -70,11 +77,21 @@ function inputFile() {
 </script>
 <style lang="scss" scoped>
 .fourth {
+  background-image: url("../../../assets/img/bg3.jpg");
+  background-size: 100% 100%;
   position: relative;
   .main {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
+    width: 100%;
+    .top4{
+        text-align: center;
+        color: #ffffff;
+        line-height: 2em;
+        font-family: OPPOSans;
+        font-size:16px;
+    }
     img {
       width: 40%;
       margin: 0 auto;