update:更新刷新效果，增加进入模式按钮

FrontCode2/sunshine_levy/src/views/index.vue

@@ -16,7 +16,8 @@
       </div>
       <div class="baseInfo">
         <img src="@/assets/img/credentials_icon.png" />
-        <span>身份证号码：{{ setIdCard(data.idCard) }}</span>
+        <span>身份证号码：</span>
+        <div>{{ setIdCard(data.idCard) }}</div>
       </div>
       <!-- 三张背景图 -->
       <div class="gridBg ">
@@ -208,7 +209,7 @@ export default {
     return {
       mode: false,
       data: {
-        idCard: "加载中...",
+        idCard: "52212112345678910",
         userName: "加载中...",
         policiesRegulationsLists: {
           totalCount: 0,
@@ -289,6 +290,7 @@ export default {
     this.setLocationAplus();
     SetTicket(this.$route.query.ticket);
     $(".logout").css("display", "none");
+    $("#app").addClass("old_app3");
     if (sessionStorage.getItem("mode") == "older") {
       changeStyle();
       this.mode = true;
@@ -375,6 +377,7 @@ export default {
     // 跳转选择项目
     gotoProject(type) {
       $(".logout").css("display", "block");
+      $("#app").removeClass("old_app3");
       this.$router.push({
         name: "projectSelect",
         params: {
@@ -384,6 +387,7 @@ export default {
     },
     // 直接跳转分户评估结果页面
     toEvaluate(id, type) {
+      $("#app").removeClass("old_app3");
       $(".bottomContent").removeClass("display");
       $("#app").removeClass("padding");
       $(".logout").css("display", "block");
@@ -397,6 +401,7 @@ export default {
     },
     // 直接跳转协议结果pdf
     toAgreement(id) {
+      $("#app").removeClass("old_app3");
       $(".bottomContent").removeClass("display");
       $("#app").removeClass("padding");
       $(".logout").css("display", "block");
@@ -415,6 +420,7 @@ export default {
     },
     // 政策信息页面跳转
     pageJump(id) {
+      $("#app").removeClass("old_app3");
       $(".bottomContent").removeClass("display");
       $("#app").removeClass("padding");
       $(".logout").css("display", "block");
@@ -534,13 +540,14 @@ export default {
     display: flex;
     margin: 5px 0;
     align-items: center;
+    color: #fff;
     img {
       height: 21px;
       padding-right: 10px;
       padding-left: 31px;
     }
-    span {
-      color: #fff;
+    > span:nth-child(2) {
+      white-space: nowrap;
     }
   }
   .gridBg {
@@ -814,6 +821,11 @@ export default {
     font-size: 22px;
     img {
       height: 30px;
+      padding-left: 15px;
+    }
+    > div:nth-child(3) {
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
   }
   .gridBg {