update:更新样式

FrontCode2/sunshine_levy/src/views/report/agreement.vue

@@ -5,7 +5,7 @@
     </div>
     <div class="text">为您查询到{{ this.result }}条结果</div>
     <div :key="index" v-for="(item, index) in info">
-      <el-card>
+      <el-card body-style="padding:10px 10px 0">
         <div>
           <img alt src="@/assets/img/bianhao.png" />
           评估报告编号：
@@ -34,7 +34,7 @@
         <div>
           <img alt src="@/assets/img/hengxian.png" />
         </div>
-        <div class="date">
+        <div class="flex">
           <div class="flex backgroundColor">
             <img alt src="@/assets/img/shijian.png" />
             签订日期：{{ item.time }}
@@ -48,25 +48,25 @@
 export default {
   data() {
     return {
-      result: '2',
+      result: "2",
       info: [
         {
-          number: '044',
-          name: '胡守钧',
-          address: '宁波市江北区四洲街16号404',
-          money: '180234元',
-          person: '王勇',
-          time: '2021-9-1',
+          number: "044",
+          name: "胡守钧",
+          address: "宁波市江北区四洲街16号404",
+          money: "180234元",
+          person: "王勇",
+          time: "2021-9-1"
         },
         {
-          number: '044',
-          name: '胡守钧',
-          address: '宁波市江北区四洲街16号404',
-          money: '180234元',
-          person: '王勇',
-          time: '2021-9-1',
-        },
-      ],
+          number: "044",
+          name: "胡守钧",
+          address: "宁波市江北区四洲街16号404",
+          money: "180234元",
+          person: "王勇",
+          time: "2021-9-1"
+        }
+      ]
     };
   },
   created() {
@@ -80,8 +80,8 @@ export default {
     onLoadData() {
       console.log(this.$route.params);
       this.type = this.$route.params.type;
-    },
-  },
+    }
+  }
 };
 </script>
 
@@ -89,37 +89,38 @@ export default {
 .container {
   .image {
     margin-top: 20px;
-
     text-align: center;
   }
   .text {
     font-weight: bolder;
-
     margin: 10px 0;
-
     text-align: center;
-
     color: #2d6df2;
   }
   .el-card {
     margin: 0 10px 10px;
-    ::v-deep.el-card__body {
+    .el-card__body {
       padding: 0 10px;
       > div {
         margin: 10px 0;
-      }
-      .date {
         display: flex;
-        justify-content: center;
-        .backgroundColor {
-          background-color: #e3ebfd;
+        align-items: center;
         img {
           margin-right: 10px;
         }
       }
+      .flex {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        img {
+          margin-right: 10px;
+        }
+      }
+      .backgroundColor {
+        background-color: #e3ebfd;
       }
     }
   }
 }
-
 </style>

FrontCode2/sunshine_levy/src/views/report/compensate.vue

@@ -5,7 +5,7 @@
     </div>
     <div class="text">为您查询到{{ this.result }}条结果</div>
     <div :key="index" v-for="(item, index) in info">
-      <el-card>
+      <el-card body-style="padding:10px">
         <div>
           <img alt src="@/assets/img/bianhao.png" />
           评估报告编号：
@@ -85,28 +85,29 @@ export default {
 .container {
   .image {
     margin-top: 20px;
-
     text-align: center;
   }
   .text {
     font-weight: bolder;
-
     margin: 10px 0;
-
     text-align: center;
-
     color: #2d6df2;
   }
+
   .el-card {
     margin: 0 10px 10px;
     .el-card__body {
-      padding: 0;
       > div {
         margin: 10px 0;
+        display: flex;
+        align-items: center;
+        img {
+          margin-right: 10px;
+        }
       }
       .content {
         display: flex;
-        background-color: #2d6df2;
+        justify-content: space-between;
         > div {
           display: flex;
           align-items: center;