复活卡

src/views/SignUp.vue

@@ -2,6 +2,8 @@
   <div class="sign-up-page">
     <!-- 左上角查看步数按钮 -->
     <!-- <img class="view-steps-btn" src="../images/SignUp/sy_bushu.png"> -->
+    <!-- 右上角复活卡 -->
+    <Reborn></Reborn>
     <!-- 信息广播 -->
     <NoticeBonus class="notice-broadcast"></NoticeBonus>
     <!-- 挑战赛卡片 -->
@@ -33,7 +35,7 @@
       <div class="statusnormal" v-if="item.status===2 || item.status===0 || item.status===3" @click="goWhereDetail(item)">
         {{(item.status===2 || item.status===0)
         ? (item.status===0&&item.already_join===1) ? '立即打卡': '查看详情' : '已淘汰'}}
-        <img src="../images/SignUp/detail_bg.png" alt="">
+        <img src="../images/SignUp/detail_bg.png">
       </div>
     </div>
     <!-- 没有关注公众号弹窗 -->
@@ -51,6 +53,7 @@ import NoticeBonus from "@/components/NoticeBonus.vue";
 import Free from "@/components/Free.vue";
 import Modal from "@/components/Modal.vue";
 import PayFailModal from "@/components/PayFailModal.vue";
+import Reborn from "@/components/Reborn.vue";
 import {
   dakaPay,
   track,
@@ -66,6 +69,7 @@ export default {
     NoticeBonus,
     Modal,
     Free,
+    Reborn,
     PayFailModal
   },
   data() {
@@ -79,8 +83,7 @@ export default {
       isShowPayFail: false,
       isFollow: false,
       gameList: [],
-      followInfo: {
-      },
+      followInfo: {},
       needFollow: false
     };
   },
@@ -90,10 +93,10 @@ export default {
   },
   methods: {
     goOtherPage(pageName) {
-      if(!this.followInfo.follow){
-        this.needFollow = true
-        return 
-      } 
+      if (!this.followInfo.follow) {
+        this.needFollow = true;
+        return;
+      }
       console.log("pageName", pageName);
       this.$router.push({ name: pageName });
     },
@@ -128,8 +131,8 @@ export default {
       select_follow().then(res => {
         console.log(res);
         if (res.code == 0) {
-          this.followInfo = res.data
-          sessionStorage.setItem('followInfo',JSON.stringify(res.data))
+          this.followInfo = res.data;
+          sessionStorage.setItem("followInfo", JSON.stringify(res.data));
         }
       });
     },
@@ -261,7 +264,7 @@ export default {
     },
     closePopup() {
       this.needFollow = false;
-    },
+    }
   }
 };
 </script>
@@ -281,7 +284,6 @@ export default {
   display: flex;
   flex-direction: column;
   align-items: center;
-
   .view-steps-btn {
     flex-shrink: 0;
     width: 1.11rem;
@@ -291,12 +293,10 @@ export default {
     left: 0;
     top: 1.22rem;
   }
-
   .notice-broadcast {
     flex-shrink: 0;
     margin: 4.3rem 0 0.18rem;
   }
-
   .challenge-card {
     flex-shrink: 0;
     width: 6.9rem;
@@ -308,7 +308,6 @@ export default {
     flex-direction: column;
     align-items: center;
     position: relative;
-
     .corner-marker {
       width: 1.39rem;
       height: 1.39rem;
@@ -316,14 +315,12 @@ export default {
       top: -0.02rem;
       right: -0.02rem;
     }
-
     .card-title {
       font-size: 0.34rem;
       line-height: 1;
       color: #fff;
       margin-top: 0.28rem;
     }
-
     .card-time {
       background: rgba(0, 0, 0, 0.1);
       padding: 0 0.24rem;
@@ -336,7 +333,6 @@ export default {
       color: #fff;
       margin-top: 0.16rem;
     }
-
     .card-info {
       width: 100%;
       margin-top: 0.7rem;
@@ -349,24 +345,20 @@ export default {
         display: flex;
         flex-direction: column;
         align-items: center;
-
         &:first-child {
           border-left: none;
         }
-
         .item-title {
           font-size: 0.28rem;
           line-height: 0.8;
           color: #fff;
         }
-
         .item-content {
           font-size: 0.48rem;
           line-height: 0.8;
           color: #fff;
           margin-top: 0.12rem;
         }
-
         .item-money {
           font-size: 0.48rem;
           line-height: 0.8;
@@ -375,7 +367,6 @@ export default {
         }
       }
     }
-
     .statusnormal {
       position: absolute;
       bottom: 0.38rem;
@@ -394,7 +385,6 @@ export default {
         height: 15px;
       }
     }
-
     .card-btn {
       width: 4rem;
       height: 0.88rem;
@@ -414,13 +404,11 @@ export default {
       bottom: 0.38rem;
       left: 50%;
       transform: translateX(-50%);
-
       .card-btn-tip {
         font-size: 0.22rem;
         margin-top: 0.06rem;
         font-weight: normal;
       }
-
       .btn-title {
         font-size: 0.34rem;
         font-weight: bold;
@@ -455,8 +443,8 @@ export default {
       width: 0.58rem;
       height: 0.58rem;
       position: absolute;
-      top: -.88rem;
-      right: 0
+      top: -0.88rem;
+      right: 0;
     }
   }
 }