update:更新页面样式

FrontCode2/sunshine_levy/src/views/project/project.css

@@ -1,79 +1,75 @@
 .proTopBoxpg {
-  position: absolute;
-
+  /* position: absolute; */
   display: flex;
   justify-content: space-around;
-
   width: 94%;
   height: 220px;
   margin: 10px;
-
   background: url(../../assets/img/zspg.png);
   background-repeat: no-repeat;
   background-size: 100% 90px;
 }
-.proTopBoxxy {
-  position: absolute;
 
+.proTopBoxxy {
+  /* position: absolute; */
   display: flex;
   justify-content: space-around;
-
   width: 94%;
   height: 220px;
   margin: 10px;
-
   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;
+  /* 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-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;
@@ -81,71 +77,76 @@
   padding-right: 10px;
   padding-left: 15px;
 }
+
 .proCenterFlexFont {
-  font-family: PingFangSC-Regular,
-  PingFang SC;
+  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;
+  -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: 16px;
+  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-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;
+}