flx

src/components/MyWinning.vue

 <template>
   <div v-if="show" class="dialog-my">
     <div style=" height:100vh; width:100%;">
-      <!-- 弹窗 -->
-      <!-- <ShaerPopup :show="shaerShow" @closeMyself="cancelPopup" /> -->
-      <!-- 弹窗 -->
-
-      <!-- <router-link :to="{path:'/'}"> -->
       <div
         class="backhome"
         :style="`background:url('${backimg}');background-size: 100% auto;`"
         @click="cancelPopupts"
       ></div>
-      <!-- </router-link> -->
-
       <div>
         <div v-if="PrizeState===0">
           <!-- 领取屏保 -->
               <div class="wrap3 flex-col">
                 <img src="../assets/prizeImg/activityOver.jpg" class="subhaibao" />
               </div>
-              <!-- <div class="wrap5 flex-col">
-                <span class="txt1" :style="`background-image: url(${pressLucky});`"></span>
-                <div
-                  class="main5 flex-col"
-                  :style="`background-image: url(${shaerButRed});`"
-                  @click="()=>{this.shaerShow=true}"
-                ></div>
-              </div>-->
             </div>
           </div>
         </div>
     /** 取消按钮操作 */
     cancelPopupts() {
       // this.shaerShow = false
-      // console.log(22222222222222222222222)
       this.$emit('cancelPopus', true)
     },
 
           top: 0;
         }
       }
-      .wrap5 {
-        height: 137px;
-        background-color: #efe9e0;
-        width: 100vw;
-        justify-content: center;
-        align-items: center;
-        display: flex;
-        .txt1 {
-          background-size: 100% auto;
-          background-repeat: no-repeat;
-          width: 112px;
-          height: 18px;
-          margin-bottom: 80px;
-        }
-      }
-
-      .main5 {
-        background-size: 100% auto;
-        background-repeat: no-repeat;
-        height: 48px;
-        border-radius: 8px;
-        margin-top: 11px;
-        width: 343px;
-        background-color: #b12b32;
-        border: 0;
-        position: fixed;
-        z-index: 15;
-        bottom: 5vh;
-      }
     }
   }
 }

src/components/ShaerPopup.vue

       animation: tipup 1s ease infinite;
     }
   }
+
+  .dialog-sprite {
+    width: 100vw;
+    display: flex;
+    justify-content: center;
+    position: relative;
+    .dialog-body {
+      flex: 1;
+      overflow-x: hidden;
+      overflow-y: scroll;
+      padding: 0 15px 20px 15px;
+      //中间卡片
+      .bd2 {
+        z-index: 33;
+        width: 100%;
+        justify-content: flex-start;
+        align-items: center;
+        margin-top: 20px;
+
+        .pic1 {
+          z-index: 45;
+          width: 280px;
+          height: 464px;
+        }
+      }
+      //底部按钮
+      .bd1 {
+        width: 100%;
+        background-size: 100% auto;
+        margin: 10px auto 0;
+        .btn {
+          z-index: 42;
+          width: 180px;
+          height: 52px;
+          display: block;
+          text-align: center;
+          align-self: center;
+          margin-top: 12px;
+          background-size: 100% auto;
+          background-repeat: no-repeat;
+        }
+      }
+    }
+  }
 }
 @keyframes tipup {
   0% {
     transform: translateY(0%);
   }
 }
-
-.dialog-sprite {
-  width: 100vw;
-  display: flex;
-  justify-content: center;
-  position: relative;
-  .dialog-body {
-    flex: 1;
-    overflow-x: hidden;
-    overflow-y: scroll;
-    padding: 0 15px 20px 15px;
-    //中间卡片
-    .bd2 {
-      z-index: 33;
-      width: 100%;
-      justify-content: flex-start;
-      align-items: center;
-      margin-top: 20px;
-
-      .pic1 {
-        z-index: 45;
-        width: 280px;
-        height: 464px;
-      }
-    }
-    //底部按钮
-    .bd1 {
-      width: 100%;
-      background-size: 100% auto;
-      margin: 10px auto 0;
-      .btn {
-        z-index: 42;
-        width: 180px;
-        height: 52px;
-        display: block;
-        text-align: center;
-        align-self: center;
-        margin-top: 12px;
-        background-size: 100% auto;
-        background-repeat: no-repeat;
-      }
-    }
-  }
-}
 </style>