瓜分云鹊豆，第一次奖励弹框切图更换，增加弹框按钮调集逻辑

components/carve-up/index.vue

@@ -12,6 +12,7 @@
           <span class="line2"></span>
         </p>
         <p class="awards-num">500<span>云鹊豆</span></p>
+        <p class="tips">所获云鹊豆将在1分钟内到账</p>
         <div class="btn-content">
           <div class="btn btn1">去兑换</div>
           <div class="btn btn2">查看排名</div>
@@ -28,9 +29,13 @@
           <p class="title">很遗憾</p>
           <p class="text">您的勤奋分小于100不能瓜分云鹊豆</p>
         </div>-->
-        <div class="know-btn">我知道了</div>
+        <div class="know-btn" @click="knowFn">我知道了</div>
       </div>
-      <img class="cancel" src="~/assets/icon-dialog-cancel.png" alt="">
+      <img
+        class="cancel"
+        src="~/assets/icon-dialog-cancel.png"
+        @click="knowFn"
+      >
     </div>
   </section>
 </template>
@@ -42,6 +47,11 @@
       return {
         joinStatus: 2
       }
+    },
+    methods: {
+      knowFn() {
+        this.$emit('handlerKnow', false)
+      }
     }
   }
 </script>
@@ -125,6 +135,12 @@
           margin-left: 3px;
         }
       }
+      .tips {
+        color: #fff;
+        font-size: 13px;
+        line-height: 13px;
+        margin-top: 62px;
+      }
       .btn-content {
         width: 200px;
         margin-top: auto;

components/first-enter-dialog/index.vue

@@ -2,16 +2,32 @@
   <section class="first-enter-wrap">
     <div class="first-enter-container">
       <div class="bg-content">
-        <div class="know-btn">我知道了</div>
+        <p class="title">恭喜您</p>
+        <p class="awards">参与活动奖励您<span>75</span>勤奋分</p>
+        <div class="know-btn" @click="cancel">我知道了</div>
       </div>
-      <img class="cancel" src="~/assets/icon-dialog-cancel.png" alt="">
+      <img
+        class="cancel"
+        src="~/assets/icon-dialog-cancel.png"
+        @click="cancel"
+      >
     </div>
   </section>
 </template>
 
 <script>
   export default {
-    name: "index"
+    name: "index",
+    data() {
+      return {
+
+      }
+    },
+    methods: {
+      cancel() {
+        this.$emit('handlerCancel',false)
+      }
+    }
   }
 </script>
 
@@ -48,6 +64,24 @@
         margin: auto auto 30px auto;
 
       }
+      p {
+        text-align: center;
+      }
+      .title {
+        color: #FD5A2F;
+        font-size: 18px;
+        font-weight: 700;
+        line-height: 18px;
+        margin: 137px auto 8px auto;
+      }
+      p {
+        color: #666666;
+        font-size: 14px;
+        line-height: 19px;
+        span {
+          color: #FD5A2F;
+        }
+      }
     }
     .cancel {
       display: block;

pages/index.vue

@@ -75,11 +75,17 @@
     </div>
     <img class="title-text" src="../static/images/award.png"/>
     <!--瓜分云鹊豆模块———start-->
-    <carve-up v-if="showCarveUp">
+    <carve-up
+      v-if="showCarveUp"
+      @handlerKnow="goToWinnerList"
+    >
     </carve-up>
     <!--瓜分云鹊豆模块 ————end-->
     <!--首次进入活动任务弹框———start-->
-    <first-enter-dialog v-if="showFirstEnter">
+    <first-enter-dialog
+      v-if="showFirstEnter"
+      @handlerCancel="cancelFirstEnter"
+    >
     </first-enter-dialog>
     <!--首次进入活动任务弹框———end-->
   </div>
@@ -322,7 +328,13 @@ export default {
 				}
 			}
 			return flag;
-		}
+		},
+    cancelFirstEnter(val) { //关闭首次进入活动奖励弹框
+      this.showFirstEnter = val;
+    },
+    goToWinnerList() {
+      alert('跳转至获奖名单') //跳转至获奖名单
+    }
   } 
 }
 </script>