update:更新适老化

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

@@ -65,7 +65,8 @@
 </template>
 
 <script>
-import "./project.css";
+import { projectSelectChangeStyle } from "@/olderMode/1.js";
+import $ from "jquery";
 export default {
   data() {
     return {
@@ -90,9 +91,16 @@ export default {
     };
   },
   created() {
+    if (sessionStorage.getItem("mode") == "older") {
+      projectSelectChangeStyle();
+    }
     this.onInit();
   },
-  mounted() {},
+  mounted() {
+    if (sessionStorage.getItem("mode") == "older") {
+      $(".container").addClass("old_container");
+    }
+  },
   methods: {
     // 获取数据
     onInit() {
@@ -156,3 +164,175 @@ export default {
   }
 };
 </script>
+
+<style lang="less" scoped>
+.container {
+  .proTopBoxpg {
+    /* position: absolute; */
+    display: flex;
+    justify-content: space-around;
+    height: 220px;
+    background: url(../../assets/img/zspg.png);
+    background-repeat: no-repeat;
+    background-size: 100% 90px;
+  }
+
+  .proTopBoxxy {
+    /* position: absolute; */
+    display: flex;
+    justify-content: space-around;
+    height: 220px;
+    background: url(../../assets/img/zsxy.png);
+    background-repeat: no-repeat;
+    background-size: 100% 90px;
+  }
+
+  .proCenterBox {
+    overflow: hidden;
+    width: 95%;
+    margin-top: 78px;
+    border-radius: 6px;
+    background: rgba(248, 253, 255, 1);
+    box-shadow: 1px 1px 3px rgb(202, 201, 201);
+  }
+
+  .proList {
+    /* position: absolute; */
+    /* top: 230px; */
+    bottom: 0;
+    overflow-y: scroll;
+    width: 100%;
+  }
+
+  .proCenterInfo {
+    display: flex;
+    padding-top: 20px;
+  }
+
+  .proCenterImg {
+    width: 45px;
+    height: 45px;
+    padding-right: 10px;
+    padding-left: 15px;
+  }
+
+  /* 协议签订阶段 */
+
+  .proCenterFont {
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 25px;
+    height: 25px;
+    color: #09a4fa;
+  }
+
+  .proCenterFlex {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    padding-top: 15px;
+  }
+
+  .proCenterFlexImg {
+    width: 20px;
+    height: 12px;
+    padding-top: 3px;
+    padding-right: 10px;
+    padding-left: 15px;
+  }
+
+  .proCenterFlexFont {
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 25px;
+    height: 25px;
+    color: #9da2a3;
+  }
+
+  .shadow {
+    -webkit-box-shadow: rgb(189, 189, 189) 0 0 3px;
+    -moz-box-shadow: rgb(189, 189, 189) 0 0 3px;
+    box-shadow: rgb(189, 189, 189) 0 0 3px;
+  }
+
+  .proListBox {
+    height: 127px;
+    margin: 15px 20px;
+    border-radius: 3px;
+    background-color: #fff;
+  }
+
+  /* 项目名字 */
+
+  .proAreaBox {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 10px;
+    font-size: 16px;
+  }
+
+  /* 项目地区 */
+
+  .proArea {
+    font-family: PingFangSC-Regular;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 25px;
+    height: 25px;
+    padding: 3px 17px;
+    color: #fff;
+    border-radius: 4px;
+    background: #09a4fa;
+  }
+
+  .proTitleBox {
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-size: 15px;
+    font-weight: 600;
+    line-height: 20px;
+    overflow: hidden;
+    height: 20px;
+    margin-left: 10px;
+    padding-left: 7px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    color: #252525;
+    border-left: 3px solid #09a4fa;
+  }
+
+  /* 底部日期 */
+
+  .proDateBox {
+    display: flex;
+    flex-direction: row-reverse;
+    padding-right: 10px;
+    font-size: 12px;
+  }
+}
+.old_container {
+  .proCenterFont {
+    font-size: 20px !important;
+  }
+  .proCenterFlexFont {
+    font-size: 18px !important;
+  }
+  .proArea,
+  .proTitleBox {
+    font-size: 22px !important;
+  }
+  .proAreaBox {
+    > :nth-child(2) {
+      font-size: 18px !important;
+    }
+    > :nth-child(3) {
+      font-size: 18px !important;
+    }
+  }
+  .proDateBox {
+    font-size: 18px;
+  }
+}
+</style>