update:更新页面样式

FrontCode2/sunshine_levy/src/views/project/index.vue

@@ -17,7 +17,7 @@
             <div>
               <span class="proCenterFont">身份证号：</span>
               <span class="proCenterFont" style="color:#626262;">{{
-                info.idCard
+                setIdCard(info.idCard)
               }}</span>
             </div>
           </div>
@@ -68,6 +68,7 @@
 
 <script>
 import "./project.css";
+import $ from "jquery";
 export default {
   data() {
     return {
@@ -85,7 +86,9 @@ export default {
             area: "无数据",
             currentState: "无数据",
             zsbm: "无数据",
-            year: "无数据"
+            year: "无数据",
+            name: "无数据",
+            createRecordTime: "无数据"
           }
         ]
       }
@@ -94,6 +97,19 @@ export default {
   created() {
     this.onInit();
   },
+  mounted() {
+    if (
+      650 >=
+      $(".container")
+        .css("height")
+        .substr(0, 5)
+    ) {
+      $(".bottomContent").addClass("absolute");
+      $(".bottomContent").css("marginBottom", "0");
+    } else {
+      $(".absolute").removeClass("absolute");
+    }
+  },
   methods: {
     // 获取数据
     onInit() {
@@ -106,6 +122,11 @@ export default {
         JSON.stringify(this.$store.state.homeData.data.data)
       );
     },
+    setIdCard(id) {
+      return id == "无数据"
+        ? id
+        : id.substr(0, 6) + "XXXXXXXX" + id.substr(14, 4);
+    },
     // 页面跳转
     gotoDetail(id) {
       if (window.sessionStorage.getItem("type") == "pg") {
@@ -131,6 +152,10 @@ export default {
 </script>
 <style lang="less" scoped>
 .container {
+  .absolute {
+    position: absolute;
+    bottom: 10px;
+  }
   .bottomContent {
     margin-bottom: 10px;
     text-align: center;