提交

src/view/SilkRoadSpringFestivalGala/pages/sex.vue

@@ -52,7 +52,7 @@
         <div class="btns" v-if="step === 5">
           <div
             class="btn"
-            @click="showDown"
+            @click="() => showDown(1)"
             style="margin-left: 0"
             :stype="'border-color:' + text.color + ';color:' + text.color"
           >
@@ -60,7 +60,7 @@
           </div>
           <div
             class="btn"
-            @click="showDown"
+            @click="() => showDown(2)"
             :stype="'border-color:' + text.color + ';color:' + text.color"
           >
             生成海报
@@ -69,7 +69,7 @@
       </transition>
     </div>
     <transition name="fade">
-      <div class="model" v-show="showImg !== undefined">
+      <div class="model" v-if="showImg !== undefined">
         <van-icon
           color="#fff"
           size="26"
@@ -111,6 +111,7 @@ const text = reactive({
 });
 const url = {
   bg: require("@/assets/img/12/" + type + "-1.png"),
+  bg2: require("@/assets/img/12/" + type + "-2.png"),
   kuang: require("@/assets/img/12/" + type + ".kuang.png"),
   text2: require("@/assets/img/12/" + type + ".text2.png"),
 };
@@ -149,8 +150,15 @@ function autoStep() {
   }, 3000);
 }
 
-function showDown() {
-  showImg.value = url.bg;
+function showDown(type) {
+  switch (type) {
+    case 1:
+      showImg.value = url.bg;
+      break;
+    case 2:
+      showImg.value = url.bg2;
+      break;
+  }
   //   const image = new Image();
   //   image.setAttribute("crossOrigin", "anonymous"); //设置允许跨域
   //   image.src = url.bg;
@@ -306,7 +314,6 @@ function close() {
     width: 80%;
     text-align: center;
     color: #ffffff;
-
   }
   .close {
     position: absolute;