From 0a4f500c5258d1cec302d12ecbafabc68d095721 Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Thu, 26 May 2022 17:20:13 +0800
Subject: [PATCH] css

---
 .../conv/AppReturnHomeRegister/Detail.vue     | 102 +++++++++++-------
 .../AppReturnHomeRegister/components/end.png  | Bin 0 -> 351 bytes
 .../components/start.png                      | Bin 0 -> 346 bytes
 3 files changed, 61 insertions(+), 41 deletions(-)
 create mode 100644 src/mods/conv/AppReturnHomeRegister/components/end.png
 create mode 100644 src/mods/conv/AppReturnHomeRegister/components/start.png

diff --git a/src/mods/conv/AppReturnHomeRegister/Detail.vue b/src/mods/conv/AppReturnHomeRegister/Detail.vue
index 6492db2..cb1d9f3 100644
--- a/src/mods/conv/AppReturnHomeRegister/Detail.vue
+++ b/src/mods/conv/AppReturnHomeRegister/Detail.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="detail" v-if="pageShow">
+
     <div class="detail-header">
       <div class="user">
         <div class="header">
@@ -21,30 +22,35 @@
           </div>
           <div class="nucleinPic">
             <img src="./components/resultPic.png" alt="" @click="preview()">
-            <span>核算证明</span>
+            <span>核酸证明</span>
           </div>
         </div>
       </div>
       <div class="card">
         <div class="item-info">
           <div class="item-info__item">
-            <span class="from"></span>
-            <div class="lines"></div>
+            <!-- <span class="from"></span> -->
+            <div class="pic">
+              <img class="img" src="./components/start.png"/>
+              <div class="lines"></div>
+            </div>
             <span>{{ info.startAreaName }}</span>
           </div>
           <div class="item-info__item">
-            <span class="to"></span>
+            <!-- <span class="to"></span> -->
+            <div class="pic">
+              <img class="img" src="./components/end.png"/>
+            </div>
             <span>{{ info.arriveAreaName }}</span>
           </div>
           <div class="item-info__item">
-            <image src="/static/img/to-date.png"/>
+            <image class="image" src="/static/img/to-date.png"/>
             <span>{{ info.arriveTime && info.arriveTime.substr(0, info.arriveTime.length - 3) }} 到达</span>
           </div>
         </div>
       </div>
-    </div>
 
-    <div class="info">
+      <div class="info">
       <div class="detail-info">
         <h2>行程信息<span>省外高风险地区</span></h2>
 
@@ -123,6 +129,9 @@
       </div>
 
     </div>
+    </div>
+
+    
   </div>
 </template>
 
@@ -198,7 +207,6 @@ export default {
 
   .detail-header {
     padding: 32px 32px 100px 32px;
-    // height: 680px;
     background: linear-gradient(135deg, #6496FF 0%, #4F75FF 100%);
     position: relative;
 
@@ -269,49 +277,59 @@ export default {
       .item-info {
         .item-info__item {
           display: flex;
-          align-items: center;
           margin-bottom: 8px;
-          position: relative;
 
           &:last-child {
             margin-bottom: 0;
           }
+          .pic {
+            position: relative;
+            .img {
+              width: 12px;
+              height: 12px;
+            }
+            .lines {
+              position: absolute;
+              top: 32px;
+              left: 4px;
+              width: 4px;
+              height: 100%;
+              border-left: 4px dotted #CCCCCC;
+            }
+          }
 
-          image {
+          .img {
+              width: 12px;
+              height: 12px;
+              position: relative;
+            }
+          
+
+          .image {
             width: 32px;
             height: 32px;
             margin-right: 16px;
           }
 
-          .from,
-          .to {
-            display: inline-block;
-            width: 12px;
-            height: 12px;
-            border: 2px solid #FFFFFF;
-            border-radius: 50%;
-          }
+          // .from,
+          // .to {
+          //   display: inline-block;
+          //   width: 12px;
+          //   height: 12px;
+          //   border: 2px solid #FFFFFF;
+          //   border-radius: 50%;
+          // }
 
-          .from {
-            background: #FFBB3B;
-            z-index: 9;
+          // .from {
+          //   background: #FFBB3B;
+          //   z-index: 9;
             
-          }
-
-          .to {
-            background: #2BD6C0;
-            z-index: 9;
-          }
-
-          .lines {
-            position: absolute;
-            top: 35px;
-            left: 6px;
-            width: 4px;
-            height: 80%;
-            border-left: 4px dotted #CCCCCC;
-          }
+          // }
 
+          // .to {
+          //   background: #2BD6C0;
+          //   z-index: 9;
+          // }
           span:last-child {
             color: #fff;
             font-size: 28px;
@@ -320,12 +338,10 @@ export default {
         }
       }
     }
-    
-  }
 
-  .info {
+    .info {
     position: absolute;
-    top: 60%;
+    top: 93%;
     left: 50%;
     width: 100%;
     transform: translate(-50%, 1%);
@@ -402,6 +418,10 @@ export default {
       }
     }
   }
+    
+  }
+
+  
 
 }
 </style>
diff --git a/src/mods/conv/AppReturnHomeRegister/components/end.png b/src/mods/conv/AppReturnHomeRegister/components/end.png
new file mode 100644
index 0000000000000000000000000000000000000000..c2b475fdba54e39528c17a325986f755dc1692dd
GIT binary patch
literal 351
zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&k#^NA%Cx&(BWL^R}E~ycoX}-P;
zT0k}j17mw80}DtA5K93u0|WB{Mh0de%?J`(zyz1&S-^~7gA@w${E7uqCp}#pLo`H_
z6B?TS|Nn2yRH!8|pW)H@0G_1gBNB<P4wwWu2z7jCGSp+3G?_({Z6?>Hz3d%x<No|R
zdExgfy~8i_<sFN7mc{(xIhu5eM`+C(g?DxeWsKI$CuXn)$&|e3IlR2S-eFR~f#XLG
zZSXtEvP`p=Q)4pEB-WWd>m*e8gqTk{IvRO2n{_Z3vxP9VI!(IFmZ`wmU=qXnlA%&S
z++osgu1f~uO9Vuu6!;f0Pmu87<9aqpW=%rx0uRQdMM`{WqRbjhjWZH1F))<vJapmE
Sg!k7$p7V6|b6Mw<&;$Ux%VydD

literal 0
HcmV?d00001

diff --git a/src/mods/conv/AppReturnHomeRegister/components/start.png b/src/mods/conv/AppReturnHomeRegister/components/start.png
new file mode 100644
index 0000000000000000000000000000000000000000..3279cb1b58fc8bd9f215556506e676bc73fe4434
GIT binary patch
literal 346
zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&k#^NA%Cx&(BWL^R}E~ycoX}-P;
zT0k}j17mw80}DtA5K93u0|WB{Mh0de%?J`(zyz1&S-^~7gA@w${E7uqM?75|Lo`IE
z25IvhauAs##KP97_>wUo)WYPUTn8HqyVHb_0)B_<3s>!M<Xyz(xarKEcWKU(*{n{c
z+}~HZdH?o?_F_H7@)S?Ad0kVzo#yuXEO|2ZP4kwJqfw#nxOW~~%_ismpmI9fnP~?e
zG59>2b@xQCZ1cgBU8i+F<f*vzEI;r{#^<--)H@+-@90ijFlUR{PM(=ZA4<gilv*_H
zqydLf$g>NqzXi5>wH<o(MQT@q_$klqK%Tm=&nq>b#P@PXJMya3*Y)xznr^=E-csT<
O$X}kWelF{r5}E)$_i_3F

literal 0
HcmV?d00001