复活卡 组件

src/components/Reborn.vue

@@ -145,9 +145,7 @@ export default {
 
 <style lang="less" scoped>
 .revive-card-container {
-  position: absolute;
-  top: 0.74rem;
-  right: 0.28rem;
+  position: relative;
   .revive-card-btn {
     width: 0.8rem;
     height: 0.89rem;

src/views/HaveJoinedGame.vue

@@ -5,6 +5,8 @@
       <img src="../images/ChallengeDetail/ic_que.png">
       活动规则
     </div>
+    <!-- 右上角复活卡 -->
+    <Reborn class="reborn-container"></Reborn>
     <div class="game-bonus-container">
       <div class="bonus-title">本期累计奖励金（元）</div>
       <div class="bonus-amount">{{bet_bonus|moneyFormatter}}</div>
@@ -130,6 +132,7 @@ import {
 import ShareModal from "@/components/ShareModal.vue";
 import { swiper, swiperSlide } from "vue-awesome-swiper";
 import "swiper/dist/css/swiper.css";
+import Reborn from "@/components/Reborn.vue";
 
 export default {
   name: "HaveJoinedGame",
@@ -137,6 +140,7 @@ export default {
     Title,
     swiper,
     swiperSlide,
+    Reborn,
     ShareModal
   },
   data() {
@@ -446,6 +450,11 @@ export default {
       margin-right: 0.1rem;
     }
   }
+  .reborn-container {
+    position: absolute;
+    top: 1rem;
+    right: .28rem;
+  }
   .game-bonus-container {
     width: 6.4rem;
     padding: 0.3rem 0;

src/views/SignUp.vue

@@ -3,7 +3,7 @@
     <!-- 左上角查看步数按钮 -->
     <!-- <img class="view-steps-btn" src="../images/SignUp/sy_bushu.png"> -->
     <!-- 右上角复活卡 -->
-    <Reborn></Reborn>
+    <Reborn class="reborn-container"></Reborn>
     <!-- 信息广播 -->
     <NoticeBonus class="notice-broadcast"></NoticeBonus>
     <!-- 挑战赛卡片 -->
@@ -293,6 +293,11 @@ export default {
     left: 0;
     top: 1.22rem;
   }
+  .reborn-container {
+    position: absolute;
+    top: .78rem;
+    right: .28rem;
+  }
   .notice-broadcast {
     flex-shrink: 0;
     margin: 4.3rem 0 0.18rem;