update:前段代码首次上传

FrontCode1/vue/src/views/evaluate.vue

@@ -0,0 +1,91 @@
+<template>
+  <div class="container">
+    <div>
+      <div>
+        <span> 应征户姓名：{{ this.source.name }} </span>
+        <span> 身份证号码：{{ this.source.idCard }} </span>
+      </div>
+      <div>请选择您的征收项目</div>
+    </div>
+    <div>
+      <div>
+        <div>
+          <span>{{ source.date }}</span>
+          <span>{{ source.address }}</span>
+        </div>
+        <div>
+          <div>郁金花园北地块</div>
+          <div>协议签订阶段</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import TABLE from '@/components/table'
+export default {
+  components: {
+    TABLE,
+  },
+  data() {
+    return {
+      source: {
+        name: '李四',
+        idCard: '330901197603064256',
+        address: '镇海区',
+        date: '2020-5-1',
+      },
+    }
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.container {
+  > :nth-child(1) {
+    padding: 10px;
+    background-color: #b6c8dd;
+    > :nth-child(1) {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      height: 50px;
+      border-bottom: 3px solid #ffffff;
+      padding-bottom: 10px;
+    }
+    > :nth-child(2) {
+      text-align: center;
+      margin-top: 10px;
+    }
+  }
+  > :nth-child(2) {
+    padding: 10px;
+    background-color: #f5faff;
+    > :nth-child(1) {
+      border: 1px solid black;
+      padding: 10px;
+      background-color: #ffffff;
+      > :nth-child(1) {
+        display: flex;
+        justify-content: space-around;
+        height: 30px;
+        align-items: center;
+        border-bottom: 1px solid #a8cbec;
+        color: #5cb1ff;
+      }
+      > :nth-child(2) {
+        div {
+          text-align: center;
+          margin: 10px;
+        }
+        > :nth-child(1) {
+          color: #1e7ed7;
+        }
+        > :nth-child(2) {
+          color: #5cc6ff;
+        }
+      }
+    }
+  }
+}
+</style>