提交

src/view/SilkRoadSpringFestivalGala/data/data.json

@@ -19,8 +19,8 @@
     },
     {
         "texts": [
-            "有人认为爱是性，是婚姻，",
-            "是一堆孩子，是呼之即来的金钱，",
+            "有人认为，爱是婚姻，",
+            "是房子车子，是呼之即来的金钱，",
             "但我觉得，爱，是那天夜晚在我们头顶闪烁的星星，",
             "是那晚我们聊的很晚，是你懂我懂的悄悄话。"
         ],
@@ -66,8 +66,8 @@
         "texts": [
             "在一个暮色沉沉的早上醒来，",
             "时间已然失效。",
-            "吻半杯红酒，剩下倒在头上，",
-            "自顾自享受着这狼狈不堪的美丽。"
+            "吻半杯红酒，灵魂被音箱摇晃，",
+            "自顾自享受这逆时针的圆舞曲。"
         ],
         "color": "#ffffff"
     },

src/view/SilkRoadSpringFestivalGala/index.js

@@ -2,7 +2,7 @@ import App from "./index.vue";
 import "@/assets/js/common";
 import { createApp } from "vue";
 import { getUser } from "@/utils/tool.js";
-import { getPageParameters, environment } from "../../config/pageConfig";
+import { getPageParameters, environment } from "@/config/pageConfig.js";
 // 判断环境
 environment();
 window.$originData = getPageParameters();

src/view/SilkRoadSpringFestivalGala/index.vue

@@ -64,7 +64,10 @@
         <five v-if="page === 'five'" @changePage="changePage" />
       </transition>
       <transition name="fade">
-        <sex v-if="page === 'sex'" />
+        <sex v-if="page === 'sex'" @changePage="changePage" />
+      </transition>
+      <transition name="fade">
+        <seven v-if="page === 'seven'" />
       </transition>
     </div>
   </div>
@@ -75,6 +78,7 @@ import second from "./pages/second.vue";
 import fourth from "./pages/fourth.vue";
 import five from "./pages/five.vue";
 import sex from "./pages/sex.vue";
+import seven from "./pages/seven.vue";
 
 // import { onMounted, reactive } from "vue";
 import { ref } from "vue";

src/view/SilkRoadSpringFestivalGala/pages/seven.vue

@@ -0,0 +1,19 @@
+<template>
+    <div>
+        商务页
+    </div>
+  </template>
+  <script setup>
+  // import { onMounted, reactive } from "vue";
+  // import { isIpad, isIpod, isIphone } from "../../utils/isTerminal";
+  /**
+   * window.$originData.orginParames.title 页面标题
+   * window.$originData.orginParames.parameters 固定参数值
+   * window.$originData.urlParames url参数
+   */
+  </script>
+  <style lang="scss" scoped>
+  .seven {
+  }
+  </style>
+  

src/view/SilkRoadSpringFestivalGala/pages/sex.vue

@@ -1,7 +1,12 @@
 <template>
   <div style="width: 100%; overflow: hidden">
     <transition name="fade">
-      <img v-if="step === 5" src="../../../assets/img/next.png" class="next" />
+      <img
+        v-if="step === 5"
+        @click="nextPage"
+        src="../../../assets/img/next.png"
+        class="next"
+      />
     </transition>
     <div class="sex" :style="'background-image: url(' + bgimg + ')'">
       <img
@@ -71,7 +76,7 @@
     <transition name="fade">
       <div class="model" v-if="showImg !== undefined">
         <div class="gs">
-            <img :src="bgimg" style="width:100%;height: 100%;" alt="">
+          <img :src="bgimg" style="width: 100%; height: 100%" alt="" />
         </div>
         <van-icon
           color="#fff"
@@ -89,7 +94,7 @@
   </div>
 </template>
 <script setup>
-import { ref, reactive } from "vue";
+import { ref, reactive, defineEmits } from "vue";
 import data from "../data/data.json";
 // import { onMounted, reactive } from "vue";
 // import { isIpad, isIpod, isIphone } from "../../utils/isTerminal";
@@ -98,6 +103,7 @@ import data from "../data/data.json";
  * window.$originData.orginParames.parameters 固定参数值
  * window.$originData.urlParames url参数
  */
+const emits = defineEmits(["changePage"]);
 const showImg = ref(undefined);
 let width = window.$originData.orginParames.availWidth * 0.7;
 const type = Math.floor(Math.random() * 12 + 1);
@@ -137,6 +143,12 @@ let t = setTimeout(() => {
   }, 2000);
 }, 200);
 
+function nextPage() {
+    console.log(step.value, step.value !== 5)
+    if (step.value !== 5) return
+    emits("changePage", "seven");
+}
+
 function changeNextStep() {
   nextStep.value += 1;
 }
@@ -144,12 +156,7 @@ function changeNextStep() {
 function autoStep() {
   t = setInterval(() => {
     nextStep.value === 2 && (step.value += 1);
-    if (step.value === 5) {
-      clearInterval(t);
-      t = setTimeout(() => {
-        // 跳转下一页
-      }, 2000);
-    }
+    if (step.value === 5) clearInterval(t);
   }, 3000);
 }
 

src/view/imageLiveAdmin/index.js

@@ -1,11 +1,9 @@
-
-        import App from './index.vue'
-        import "@/assets/js/common"
-        import {createApp} from 'vue'
-        import {getPageParameters, environment} from "../../config/pageConfig"
-        // 判断环境
-        environment();
-        window.$originData = getPageParameters();
-        document.title = window.$originData.orginParames.title || "";
-        createApp(App).mount('#app');
-        
+import App from "./index.vue";
+import "@/assets/js/common";
+import { createApp } from "vue";
+import { getPageParameters, environment } from "@/config/pageConfig.js";
+// 判断环境
+environment();
+window.$originData = getPageParameters();
+document.title = window.$originData.orginParames.title || "";
+createApp(App).mount("#app");