乡村相册

src/saas/AppCountryAlbum/components/InspectLog.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="InspectLog">
     <div class="top">
-      <span>请输入汇报单位</span>
     </div>
     <div class="body">
       <h2>今日工作</h2>
@@ -11,13 +10,13 @@
       <div class="bottom-item__wrapper">
         <div class="bottom-item">
           <div class="left">
-            <label>汇报人：</label>
+            <label>巡查人：</label>
             <span>鄢然</span>
           </div>
-          <i>2022-04-14</i>
+          <i>2022-04-14 晴 22℃</i>
         </div>
         <div class="bottom-item">
-          <label>总结：</label>
+          <label>巡查情况：</label>
           <span>鄢鄢然鄢然鄢然鄢然鄢然鄢然鄢然鄢然鄢然鄢然然</span>
         </div>
       </div>
@@ -57,7 +56,7 @@
 
 <style lang="scss" scoped>
   .InspectLog {
-    padding: 40px 32px 0;
+    padding: 48px 32px 0;
     background: #133CA5;
 
     * {
@@ -65,28 +64,27 @@
     }
 
     .top {
-      display: flex;
-      align-items: center;
-      padding: 8px 0 16px;
-      color: #333333;
-      font-size: 32px;
-      border-bottom: 4px solid #000;
+      width: 100%;
+      height: 16px;
+      background: url(./../images/xc-icon.png) repeat;
+      background-size: 16px 16px;
     }
 
     .body {
-      margin-top: 16px;
+      margin-top: 32px;
 
       h2 {
-        font-size: 68px;
-        color: #333;
+        font-size: 112px;
+        color: #fff;
+        text-align: center;
         font-weight: 600;
       }
 
       .subtitle {
-        margin-top: 24px;
-        margin-bottom: 24px;
-        color: #000;
-        font-size: 34px;
+        margin-bottom: 32px;
+        color: #fff;
+        text-align: center;
+        font-size: 40px;
       }
     }
 
@@ -100,9 +98,9 @@
           line-height: 64px;
           margin-bottom: 16px;
           padding: 0 16px;
-          color: #fff;
+          color: #133CA5;
           font-size: 28px;
-          background: #D84A36;
+          background: #F9FC4D;
 
           i {
             font-style: normal;
@@ -113,11 +111,9 @@
             line-height: 1.3;
             padding: 12px 16px;
             margin-bottom: 0;
-            color: #D84A36;
             font-size: 28px;
             text-align: justify;
-            border: 3px solid #DB6352;
-            background: #fff;
+            border: 3px solid #F9FC4D;
 
             span {
               flex: 1;
@@ -132,7 +128,7 @@
         flex-direction: column;
         justify-content: center;
         height: 480px;
-        margin-top: 32px;
+        margin-top: 72px;
         background: #F7F7F7;
         border-radius: 8px;