Browse Source

突显自助核酸检测

lighter 3 years ago
parent
commit
3fde6bc03b
1 changed files with 19 additions and 24 deletions
  1. 19 24
      src/views/hospital-service/HospitalServiceHome.vue

+ 19 - 24
src/views/hospital-service/HospitalServiceHome.vue

@@ -7,12 +7,14 @@
         <h3>微信医疗服务平台</h3>
       </div>
     </div>
-    <div class="yuyueguahao" @click="toVaccinateAppointment">
+    <div
+      class="yuyueguahao xinguanjiance"
+      @click="routeTo(filterPath('/selectCovidBranch/', '/selectOrderCovidPatient'))"
+    >
       <div>
-        <img class="large-icon" src="../../assets/hospital-service/vaccinate.png" />
+        <img class="large-icon" src="../../assets/hospital-service/xinguanjiance2.png" />
       </div>
-      <p>预约新冠疫苗接种</p>
-      <img class="thumb-icon" src="../../assets/hospital-service/click2.png" />
+      <div class="hsjctext">核酸检测</div>
     </div>
     <div id="router-lane">
       <div style="height: 10px"></div>
@@ -55,15 +57,14 @@
         </van-col>
       </van-row>
     </div>
-    <div
-      class="yuyueguahao xinguanjiance"
-      @click="routeTo(filterPath('/selectCovidBranch/', '/selectOrderCovidPatient'))"
-    >
+    <div class="yuyueguahao" @click="toVaccinateAppointment">
       <div>
-        <img class="large-icon" src="../../assets/hospital-service/xinguanjiance2.png" />
+        <img class="large-icon" src="../../assets/hospital-service/vaccinate.png" />
       </div>
-      <p>新冠检测快速下单与查询</p>
+      <div style="color: white; font-size: 18px; font-weight: bold; padding-left: 10px">预约新冠疫苗接种</div>
+      <img src="../../assets/hospital-service/click2.png" />
     </div>
+
     <div style="width: 90%; margin-left: 5%; margin-top: 15px">
       <van-tag size="large" type="warning">名医直达</van-tag>
     </div>
@@ -233,24 +234,18 @@ export default {
   background-size: 100%;
   border-radius: 8px;
   display: flex;
+  align-items: center;
+}
+.hsjctext {
+  font-size: 36px;
+  color: rgba(4, 59, 104, 0.9);
+  font-weight: bold;
+  padding-left: 8px;
 }
 .large-icon {
   margin-left: 10px;
   margin-top: 11px;
 }
-.yuyueguahao p {
-  color: white;
-  font-size: 18px;
-  font-weight: bold;
-  height: 70px;
-  line-height: 70px;
-  padding-left: 10px;
-}
-.thumb-icon {
-  margin-top: 19px;
-  width: 32px;
-  height: 32px;
-}
 
 .xinguanjiance {
   background: url('../../assets/hospital-service/xinguanjiancebackground.png') no-repeat !important;
@@ -287,4 +282,4 @@ export default {
   border: 1px solid #ebeef5;
   box-shadow: 1px 2px 9px 5px rgba(0, 0, 0, 0.1);
 }
-</style>
+</style>