获奖名单微信中打开样式

assets/style/awards-list/index.less

@@ -140,6 +140,33 @@
        text-align: center;
      }
    }
+   /*微信中打开*/
+   .in-wx {
+     display: flex;
+     align-items: center;
+     justify-content: center;
+      .wx-item {
+        p.num {
+          color: #FFED59;
+          font-size: 24px;
+          font-weight: 700;
+          text-align: center;
+        }
+        p.text {
+          color: #FFFFFF;
+          font-size: 13px;
+          font-weight: 700;
+          text-align: center;
+        }
+      }
+     .line {
+       background: #ED5A2C;
+       width: 1px;
+       height: 40.5px;
+       margin-right: 30px;
+       margin-left: 30px;
+     }
+   }
    .main-container {
      width: 355px;
      margin: 67.5px auto 0 auto;

pages/awards-list/index.vue

@@ -4,7 +4,7 @@
       <img src="~/assets/img/stage3/rule-btn.png" alt="">
     </div>
     <!--已登录及个人未参加-->
-    <div class="person-details">
+    <!--<div class="person-details">
       <div class="info">
         <img src="https://test-file.yunqueyi.com/png/2019/9/19/1568874397547_45fff40f.png" alt="">
         <div class="right">
@@ -30,7 +30,7 @@
         <p class="line"></p>
         <p class="text">参与机构数 28788348</p>
       </div>
-    </div>
+    </div>-->
     <!--未登录-->
     <!--<div class="person-details not-login">
       <div class="description">登录查看个人和机构排名</div>
@@ -50,6 +50,18 @@
         <p class="text">参与机构数 28788348</p>
       </div>
     </div>-->
+    <!--微信打开页面-->
+    <div class="person-details in-wx">
+      <div class="wx-left wx-item">
+        <p class="num">28788348</p>
+        <p class="text">参与人数</p>
+      </div>
+      <div class="line"></div>
+      <div class="wx-left wx-item">
+        <p class="num"> 28788348</p>
+        <p class="text">参与机构数</p>
+      </div>
+    </div>
     <div class="main-container">
       <img class="top-img" src="~/assets/img/stage3/hospital-icon.png" alt="">
       <div class="award-container hospital-awards">