【首页project布局修改】 -刘绍文 -2020/05/07

epdc-resident-mp-yushan/pages/index/components/project/project.wxml

@@ -42,16 +42,14 @@
             <view>
               <image class="project-status" src="{{filters.formatState(item.stateName)}}" />
             </view>
-            <view class="progress">
+            
-              <view class="image-logo">
-                <image class="progress-logo" src="../../../../images/home/new-progress.png"/>
-              </view>
-              <view class="progress-content">最新进展：{{item.latestProgress.progressName}}</view>
-            </view>
           </view>
         </view>
         <view class="bottom">
           <view class="title">{{item.itemContent}}</view>
+          <view class="progress">
+            <view class="progress-content">进度：{{item.latestProgress.progressName}}</view>
+          </view>
           <view class="info">
             <view class="left">
               <image class="avatar" src="{{item.avatar}}" />

epdc-resident-mp-yushan/pages/index/components/project/project.wxss

@@ -11,7 +11,7 @@
 }
 .project .swiper {
   width: 100%;
-  height: 380rpx;
+  height: 430rpx;
   display: inline-block;
   white-space: nowrap;
   overflow-x: scroll;
@@ -21,11 +21,11 @@
   box-sizing: border-box;
   padding: 0 30rpx;
   width:60%;
-  height: 380rpx;
+  height: 430rpx;
 }
 .project .content { 
   width: 100%;
-  height: 380rpx;
+  height: 430rpx;
   background: #fff;
   overflow: hidden;
   padding: 0 30rpx;
@@ -56,42 +56,43 @@
   width: 110rpx;
   height: 42rpx;
 }
-.project .content .top .top-content  .progress {
+.progress {
   height: 36rpx;
-  width: 60%;
+  width: 94%;
-  margin-left: 20rpx;
+  background: #f7f7f7;
-  background: rgba(0,0,0, 0.4);
   border-radius: 17rpx;
   margin-bottom: 10rpx;
   display: flex;
   align-items: center;
 }
-.project .content .top .top-content .progress .image-logo {
+ .progress .image-logo {
   width: 36rpx;
   height:36rpx;
 }
-.project .content .top .top-content .progress .progress-logo {
+.progress .progress-logo {
   width: 36rpx;
   height: 36rpx;
   position: relative;
   top: -2rpx;
 }
-.project .content .top .top-content  .progress .progress-content {
+.progress-content {
-  color: #fff;
+  color: #b0b0b0;
   font-size: 22rpx;
   line-height: 36rpx;
-  margin-left: 5rpx;
+  padding: 20rpx;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .project .content .bottom {
   width: 100%;
   height: 120rpx;
   box-sizing: border-box;
-  padding: 0 20rpx;
 }
 .project .content .bottom .title {
   color: #333;
   font-size: 30rpx;
-  width: 100%;
+  width: 94%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -123,7 +124,7 @@
 .project .content .bottom .info .right {
   color: #aaa;
   font-size: 20rpx;
-  padding-right: 15rpx;
+  padding-right: 40rpx;
 }
 
 /* 自定义轮播指示点样式 */