关注公众号弹框

src/views/PartakeChallenge.vue

@@ -77,14 +77,8 @@
       <Modal v-on:close="closeModal" v-on:confirmModal="confirmModal" v-bind:title="modalTitle" v-bind:desc="modalDesc" :option="modalOption"></Modal>
     </div>
     <!-- 没有关注公众号弹窗 -->
-    <div class="game-status-popup" v-if="needFollow">
-      <div class="game-status-container">
-        <div class="status-date">请关注公众号报名</div>
-        <img :src="followInfo.img_url" alt="" class="img_code">
-        <div class="follow-tip">
-          <p>由于在公众号内才能获取运动数据</p>
-          <p>请长按上方二维码关注公众号后报名</p>
-        </div>
+    <div class="game-auth-popup" v-if="needFollow">
+      <div class="game-auth-container">
         <img class="close-btn" src="../images/common/pop_ic_close.png" @click="closePopup()">
       </div>
     </div>
@@ -489,7 +483,7 @@ export default {
     }
   }
 }
-.game-status-popup {
+.game-auth-popup {
   position: fixed;
   left: 0;
   top: 0;
@@ -500,12 +494,10 @@ export default {
   display: flex;
   align-items: center;
   justify-content: center;
-
-  .game-status-container {
-    position: relative;
+  .game-auth-container {
     width: 6.4rem;
     height: 7.08rem;
-    background: url(../images/SignUp/follow_modal.png) no-repeat center center;
+    background: url(../images/common/focus_gzh.png) no-repeat center center;
     background-size: cover;
     border-radius: 0.08rem;
     padding-bottom: 0.4rem;
@@ -513,51 +505,6 @@ export default {
     flex-direction: column;
     align-items: center;
     position: relative;
-    .img_code{
-      position: absolute;
-      top:2.62rem;
-      width: 2.2rem;
-      height: 2.2rem;
-    }
-    .follow-tip{
-      position: absolute;
-      bottom: .7rem;
-      font-size: .3rem;
-      font-weight: bold;
-      line-height: .46rem;
-      text-align: center;
-    }
-    .status-icon {
-      width: 5.08rem;
-      height: 2.58rem;
-      margin-top: -1.29rem;
-    }
-    .join-success-banner {
-      width: 5.44rem;
-      height: 3.18rem;
-      margin-top: 0.3rem;
-    }
-    .status-date {
-      font-size: 0.36rem;
-      line-height: 1;
-      color: #fff;
-      font-weight: bold;
-      text-align: center;
-      margin-top: 0.7rem;
-    }
-    .status-money {
-      width: 5.04rem;
-      height: 2.84rem;
-      background-image: url(../images/HaveJoinedGame/pop_gxdb_board.png);
-      background-size: 100%;
-      margin-top: 0.42rem;
-    }
-    .green-btn {
-      background: #1fdbb1;
-    }
-    .yellow-btn {
-      background: #fabd21;
-    }
     .close-btn {
       width: 0.58rem;
       height: 0.58rem;

src/views/SignUp.vue

@@ -37,18 +37,11 @@
       </div>
     </div>
     <!-- 没有关注公众号弹窗 -->
-    <div class="game-status-popup" v-if="needFollow">
-      <div class="game-status-container">
-        <div class="status-date">请关注公众号报名</div>
-        <img :src="followInfo.img_url" alt="" class="img_code">
-        <div class="follow-tip">
-          <p>由于在公众号内才能获取运动数据</p>
-          <p>请长按上方二维码关注公众号后报名</p>
-        </div>
+    <div class="game-auth-popup" v-if="needFollow">
+      <div class="game-auth-container">
         <img class="close-btn" src="../images/common/pop_ic_close.png" @click="closePopup()">
       </div>
     </div>
-    <img :src="followInfo.img_url" alt="" style="display: none"> 
   </div>
 </template>
 
@@ -434,7 +427,7 @@ export default {
     }
   }
 }
-.game-status-popup {
+.game-auth-popup {
   position: fixed;
   left: 0;
   top: 0;
@@ -445,10 +438,10 @@ export default {
   display: flex;
   align-items: center;
   justify-content: center;
-  .game-status-container {
+  .game-auth-container {
     width: 6.4rem;
     height: 7.08rem;
-    background: url(../images/SignUp/follow_modal.png) no-repeat center center;
+    background: url(../images/common/focus_gzh.png) no-repeat center center;
     background-size: cover;
     border-radius: 0.08rem;
     padding-bottom: 0.4rem;
@@ -456,49 +449,6 @@ export default {
     flex-direction: column;
     align-items: center;
     position: relative;
-    .img_code{
-      width: 2.2rem;
-      height: 2.2rem;
-      margin-top: 1.56rem;
-    }
-    .follow-tip{
-      font-size: .3rem;
-      font-weight: bold;
-      line-height: .46rem;
-      text-align: center;
-      margin-top: 1.2rem;
-    }
-    .status-icon {
-      width: 5.08rem;
-      height: 2.58rem;
-      margin-top: -1.29rem;
-    }
-    .join-success-banner {
-      width: 5.44rem;
-      height: 3.18rem;
-      margin-top: 0.3rem;
-    }
-    .status-date {
-      font-size: 0.36rem;
-      line-height: 1;
-      color: #fff;
-      font-weight: bold;
-      text-align: center;
-      margin-top: 0.7rem;
-    }
-    .status-money {
-      width: 5.04rem;
-      height: 2.84rem;
-      background-image: url(../images/HaveJoinedGame/pop_gxdb_board.png);
-      background-size: 100%;
-      margin-top: 0.42rem;
-    }
-    .green-btn {
-      background: #1fdbb1;
-    }
-    .yellow-btn {
-      background: #fabd21;
-    }
     .close-btn {
       width: 0.58rem;
       height: 0.58rem;