update:项目列表滚动效果

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

@@ -1,46 +1,48 @@
-.proTopBox {
-  position: relative;
-
-  margin: 15px 12px;
-}
 .proTopBoxpg {
   position: absolute;
 
-  overflow: hidden;
+  display: flex;
+  justify-content: space-around;
 
-  width: 100%;
-  height: 90px;
+  width: 95%;
+  height: 220px;
+  margin: 10px;
 
   background: url(../../assets/img/zspg.jpg);
+  background-repeat: no-repeat;
   background-size: 100% 90px;
 }
 .proTopBoxxy {
   position: absolute;
 
-  overflow: hidden;
+  display: flex;
+  justify-content: space-around;
 
-  width: 100%;
-  height: 90px;
+  width: 95%;
+  height: 220px;
+  margin: 10px;
 
   background: url(../../assets/img/zsxy.jpg);
+  background-repeat: no-repeat;
   background-size: 100% 90px;
 }
 .proCenterBox {
-  position: absolute;
-  top: 50%;
-  left: 50% ;
-
-  width: 95%;
-  height: 140px;
-
-  transform: translate(-50%, 50%);
-
-/* margin: 70px 0 15px 10px; */
+  width: 94%;
+  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;
 
@@ -86,7 +88,7 @@
 
   height: 25px;
 
-  color: #09a4fa;
+  color: #9da2a3;
 }
 .shadow {
   -webkit-box-shadow: rgb(189, 189, 189) 0 0 3px;
@@ -98,6 +100,7 @@
   margin: 15px 20px;
 
   border-radius: 3px;
+  background-color: #fff;
 }
 .proAreaBox {
   display: flex;