update:更新样式

FrontCode2/sunshine_levy/src/views/index.vue

@@ -25,7 +25,10 @@
         </div>
         <div>
           <div class="gridBg centerMagin">
-            <van-image :src="require('@/assets/img/scan.png')" class="gridImg" />
+            <van-image
+              :src="require('@/assets/img/scan.png')"
+              class="gridImg"
+            />
             <van-image
               :src="require('@/assets/img/evaluation .png')"
               @click="gotoProject('pg')"
@@ -188,7 +191,7 @@
       <div class="centerMagin">
         <span class="projectTitle" style="color:#202020">征收政策</span>
         <div class="assessBox" style="padding-left: 5px;padding-right: 5px;">
-          <span class="font11" style="color:#2c2b2b">共{{total}}条</span>
+          <span class="font11" style="color:#2c2b2b">共{{ total }}条</span>
           <!-- <div>
             <span class="font11">查看全部</span>
             <van-icon color="#1989fa" name="arrow" />
@@ -266,22 +269,22 @@ export default {
                   prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
                   assessmentNo: "0513",
                   houseAddress: "高桥镇",
-                  countValue: "137654.00",
-                },
+                  countValue: "137654.00"
+                }
               ],
               bcxyList: [
                 {
                   prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
                   xyNo: "海政发2021513-0513-1",
                   houseAddress: "高桥镇",
-                  summationShouldCompensateMoney: "137654.00",
-                },
-              ],
-            },
-          ],
+                  summationShouldCompensateMoney: "137654.00"
+                }
+              ]
+            }
+          ]
         },
         extras: null,
-        timestamp: 1631256680049,
+        timestamp: 1631256680049
       },
       // user: {
       //   name: "加载中...",
@@ -311,27 +314,27 @@ export default {
           id: 11,
           area: "全大市",
           title: "宁波市住房和城乡建设委员会开展关于住房的政策",
-          publish_date: "2021年09月05日",
+          publish_date: "2021年09月05日"
         },
         {
           id: 22,
           area: "全大市",
           title: "宁波市住房和城乡建设委员会开展关于住房的政策",
-          publish_date: "2021年09月05日",
+          publish_date: "2021年09月05日"
         },
         {
           id: 33,
           area: "全大市",
           title: "宁波市住房和城乡建设委员会开展关于住房的政策",
-          publish_date: "2021年09月05日",
-        },
+          publish_date: "2021年09月05日"
+        }
       ],
       loading: false,
-      finished: true,
+      finished: true
     };
   },
   created() {
-    this.onInit();
+    // this.onInit();
   },
   methods: {
     onLoad() {},
@@ -347,7 +350,7 @@ export default {
       // });
     },
     gotoProject(type) {
-      this.$router.push({ name: 'projectSelect', params: { type: type } });
+      this.$router.push({ name: "projectSelect", params: { type: type } });
     },
     onLogin() {
       // this.loading = true;
@@ -365,7 +368,7 @@ export default {
           this.onLoadUserInfo();
           this.onLoadStatistic();
         })
-        .catch((err) => {
+        .catch(err => {
           debugger;
           // this.$toast(err);
         });
@@ -390,9 +393,7 @@ export default {
       if (len <= 0) return num;
       if (!tbl[len]) tbl[len] = new Array(len + 1).join("0");
       return tbl[len] + num;
-    },
-  },
+    }
+  }
 };
 </script>
-
-

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

@@ -26,12 +26,12 @@
           评估总金额：
           <b style="color: red">{{ item.money }}</b>
         </div>
-        <div class="flex">
-          <div class="flex backgroundColor">
+        <div class="content">
+          <div class=" backgroundColor">
             <img alt src="@/assets/img/renyuan.png" />
             评估人员：{{ item.person }}
           </div>
-          <div class="flex backgroundColor">
+          <div class="backgroundColor">
             <img alt src="@/assets/img/shijian.png" />
             评估时间：{{ item.time }}
           </div>
@@ -44,25 +44,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() {
@@ -76,8 +76,8 @@ export default {
     onLoadData() {
       console.log(this.$route.params);
       this.type = this.$route.params.type;
-    },
-  },
+    }
+  }
 };
 </script>
 
@@ -99,19 +99,26 @@ export default {
   }
   .el-card {
     margin: 0 10px 10px;
-    ::v-deep.el-card__body {
-      padding: 0 10px;
-      >div {
+    .el-card__body {
+      padding: 0;
+      > div {
         margin: 10px 0;
       }
-      .backgroundColor {
-        background-color: #e3ebfd;
-        img {
-          margin-right: 10px;
+      .content {
+        display: flex;
+        background-color: #2d6df2;
+        > div {
+          display: flex;
+          align-items: center;
+        }
+        .backgroundColor {
+          background-color: #e3ebfd;
+          img {
+            margin-right: 10px;
+          }
         }
       }
     }
   }
 }
-
 </style>