style

src/components/MyWinning.vue

         @click="cancelPopupts"
       ></div>
       <div>
-        <div v-if="Prize!=undefined">
-          <!-- 领取奖品-->
-          <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 v-show="!PrizeShow">
+          <div v-if="Prize.prizeId!=undefined">
+            <!-- 领取奖品-->
+            <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>
+                <div class="haibao-jiangping">
+                  <img v-if="Prize" :src="`${Prize.thumb2}`" alt />
+                  <h1 v-else>暂无奖品</h1>
+                </div>
               </div>
             </div>
           </div>
-        </div>
-        <div v-else style="overflow: auto;height:100vh;">
-          <div class="page flex-col">
-            <div class="group1 flex-col">
-              <div class="wrap3 flex-col">
-                <img src="../assets/prizeImg/notPrize.jpg" class="subhaibao" />
-                <!-- 没有奖品 -->
+          <div v-else style="overflow: auto;height:100vh;">
+            <div class="page flex-col">
+              <div class="group1 flex-col">
+                <div class="wrap3 flex-col">
+                  <img src="../assets/prizeImg/notPrize.jpg" class="subhaibao" />
+                  <!-- 没有奖品 -->
+                </div>
               </div>
             </div>
           </div>
         </div>
-        <div v-if="PrizeState==2" style="overflow: auto;height:100vh;">
+
+        <div v-show="PrizeShow" style="overflow: auto;height:100vh;">
           <div class="page flex-col">
             <div class="group1 flex-col">
               <div class="wrap3 flex-col">
       type: Object
     },
     PrizeState: {
-      type: Number
+      type: [Number || Boolean]
     },
     Prize: {
-      type: Object
-      // default: () => ({})
+      type: Object,
+      default: () => ({})
     },
     prizeList: {
       type: Array
       shaerBut: require('../assets/buttonImg/sayFriend.png'),
       pressImage: require('../assets/buttonImg/pressSave.png'),
       shaerButRed: require('../assets/buttonImg/sayFriend.png'),
-      pressLucky: require('../assets/buttonImg/happyAccept.png')
+      pressLucky: require('../assets/buttonImg/happyAccept.png'),
+      PrizeShow: null
     }
   },
 
       }
     }
   },
+  created() {
+    this.noShowMy()
+  },
   methods: {
+    noShowMy() {
+      let a = this.prizeList.reduce((sum, x) => x.exitsNum + sum, 0) <= 0
+      this.PrizeShow = a
+      console.log('🚀 ~ file: MyWinning.vue ~ line 119 ~ noShowMy ~ a', a)
+      // if (this.Prize.prizeId==''&& ) {
+      // }
+    },
     /** 取消按钮操作 */
     cancelPopupts() {
       // this.shaerShow = false

src/components/Popup.vue

       required: false
     },
     PrizeState: {
-      type: Number
+      type: [Number || Boolean]
     },
     prizeList: {
       type: Array

src/pages/Honghe.vue

   },
   methods: {
     noShowMy() {
-      if (this.noPrize) {
+      if (this.person.prizeId !== '' && this.noPrize) {
         console.log('有奖品')
       } else {
-        this.PrizeState = 2
+        this.PrizeState = true
+
+        console.log('没有奖品')
       }
     },
     //关闭