fix

src/components/MyWinning.vue

@@ -13,7 +13,6 @@
             <div class="outer3 flex-col" style="overflow: auto;height:100vh;">
               <div class="haibao-box" style="overflow: auto;height:100vh;">
                 <img class="haibao" src="../assets/prizeImg/MyPrize.jpg" alt />
-
                 <div class="haibao-jiangping">
                   <img v-if="Prize" :src="`${Prize.thumb2}`" alt />
                   <h1 v-else>暂无奖品</h1>
@@ -26,7 +25,7 @@
               <div class="group1 flex-col">
                 <div class="wrap3 flex-col">
                   <img src="../assets/prizeImg/notPrize.jpg" class="subhaibao" />
-                  <!-- 没有奖品 -->
+                  <!-- 没有抽奖 -->
                 </div>
               </div>
             </div>
@@ -38,7 +37,7 @@
             <div class="group1 flex-col">
               <div class="wrap3 flex-col">
                 <img src="../assets/prizeImg/activityOver.jpg" class="subhaibao" />
-                <!-- 活动结束 -->
+                <!-- 没有奖品 -->
               </div>
             </div>
           </div>

src/components/WinningPopup.vue

@@ -11,20 +11,13 @@
           <div class="dialog-body">
             <div class="card-wrapper">
               <div :class="`dialog-popuImag ${classDivAA?'flipped':''}`">
-                <!-- <div class="back" :style="`background-image: url(${backimg});`"> -->
-                <!-- <img
-                    style="width: 48vw; height:492px"
-                    src="../assets/prizeImg/HappyWnning.jpg"
-                    alt
-                />-->
-                <!-- </div> -->
+                <div class="back" :style="`background-image: url(${backimg});`">
+                  <img style="width: 48vw; height:492px " src="../assets/index.jpg" />
+                </div>
 
                 <div class="front">
-                  <img
-                    style="width: 48vw; height:492px "
-                    src="../assets/prizeImg/HappyWnning.jpg"
-                    alt
-                  />
+                  <img style="width: 48vw; height:492px" src="../assets/prizeImg/HappyWnning.jpg" />
+
                   <div class="PrizeImg">
                     <img style="width: 100%; height:100% " :src="Prize.thumb" alt />
                   </div>
@@ -218,12 +211,14 @@ export default {
         display: flex;
         justify-content: center;
         transform-style: preserve-3d;
-        transition: all 1.2s ease;
+        transition: all 0.8s ease;
 
         .front {
           position: relative;
           display: flex;
           justify-content: center;
+          transform: rotateY(180deg); //iPhone异常
+
           .PrizeImg {
             width: 55vw;
             position: absolute;
@@ -232,7 +227,8 @@ export default {
           }
         }
         .back {
-          transform: rotateY(180deg);
+          position: absolute;
+          transform: rotateY(-180deg);
           width: 180px;
           height: 492px;
           background-size: 100% auto;
@@ -244,6 +240,22 @@ export default {
         }
       }
       .flipped {
+        animation: change 0.6s linear forwards;
+      }
+    }
+    @keyframes change {
+      from {
+        top: -20vh;
+        left: -20vw;
+        opacity: 0;
+        transform: scale(0.5);
+      }
+      to {
+        top: -0;
+        left: -0;
+        opacity: 2;
+        transform: scale(1);
+        transform: rotateY(180deg); //iPhone异常
       }
     }
 

src/pages/Honghe.vue

@@ -173,7 +173,7 @@ export default {
       list: shuffle(monthList),
       currentMonth: null,
       showPopup: false,
-      showMyWinning: false,
+      showMyWinning: true,
       prizeList: [],
       bingoId: rand(0, 12) + 1, // 可以抽奖的月份
       NOMyWinningShow: true,
@@ -227,8 +227,8 @@ export default {
           share({ title: '抽取幸运签，解锁隐藏福利', desc: '每月都有欢乐发生' })
         }
       },
-      immediate: true,
-    },
+      immediate: true
+    }
   },
   methods: {
     noShowMy() {