From 224ed17fe35d51ad87289b16c26670359e6e42a4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=87=AA=E5=B8=A6=E5=A4=A7=E4=BD=AC=E6=B0=94=E5=9C=BA?=
 <188633308@qq.com>
Date: Thu, 16 Sep 2021 16:27:20 +0800
Subject: [PATCH] =?UTF-8?q?update:=E9=A1=B9=E7=9B=AE=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sunshine_levy/src/views/project/index.vue | 38 +++++++--------
 .../src/views/project/project.css             | 47 ++++++++++---------
 2 files changed, 41 insertions(+), 44 deletions(-)

diff --git a/FrontCode2/sunshine_levy/src/views/project/index.vue b/FrontCode2/sunshine_levy/src/views/project/index.vue
index 7aee0c1..104114c 100644
--- a/FrontCode2/sunshine_levy/src/views/project/index.vue
+++ b/FrontCode2/sunshine_levy/src/views/project/index.vue
@@ -1,33 +1,27 @@
 <template>
   <div>
-    <div style="height: 240px;">
-      <div class="proTopBox">
-        <div :class="type == 'pg' ? 'proTopBoxpg': 'proTopBoxxy' "></div>
-        <div class="proCenterBox">
-          <div class="proCenterInfo">
-            <van-image :src="require('@/assets/img/expropriated_person.png')" class="proCenterImg" />
+    <div :class="type == 'pg' ? 'proTopBoxpg': 'proTopBoxxy'">
+      <div class="proCenterBox">
+        <div class="proCenterInfo">
+          <van-image :src="require('@/assets/img/expropriated_person.png')" class="proCenterImg" />
+          <div>
             <div>
-              <div>
-                <span class="proCenterFont">被征收人姓名：</span>
-                <span class="proCenterFont" style="color:#626262;">{{user.name}}</span>
-              </div>
-              <div>
-                <span class="proCenterFont">身份证号：</span>
-                <span class="proCenterFont" style="color:#626262;">{{user.identityId}}</span>
-              </div>
+              <span class="proCenterFont">被征收人姓名：</span>
+              <span class="proCenterFont" style="color:#626262;">{{user.name}}</span>
+            </div>
+            <div>
+              <span class="proCenterFont">身份证号：</span>
+              <span class="proCenterFont" style="color:#626262;">{{user.identityId}}</span>
             </div>
           </div>
-          <div class="proCenterFlex">
-            <div class="proCenterFlexFont">请选择您的征收项目</div>
-            <van-image
-              :src="require('@/assets/img/expropriated_select.png')"
-              class="proCenterFlexImg"
-            />
-          </div>
+        </div>
+        <div class="proCenterFlex" style="margin-bottom: 15px;">
+          <div class="proCenterFlexFont">请选择您的征收项目</div>
+          <van-icon color="#9da2a3" name="arrow-down" />
         </div>
       </div>
     </div>
-    <div>
+    <div class="proList">
       <van-list>
         <div
           :key="item.id"
diff --git a/FrontCode2/sunshine_levy/src/views/project/project.css b/FrontCode2/sunshine_levy/src/views/project/project.css
index 025acd9..6dc7b94 100644
--- a/FrontCode2/sunshine_levy/src/views/project/project.css
+++ b/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;