优化参与人列表，订单详情

@@ -212,7 +212,7 @@ swiper {
     box-sizing: border-box;
     display: flex;
     align-items: center;
-    justify-content: flex-start;
+    justify-content: space-between;
     overflow-x: scroll;
     /* display: -webkit-box; */
     -webkit-overflow-scrolling: touch;
@@ -222,11 +222,12 @@ swiper {
     display: flex;
     flex-direction: column;
     align-items: center;
-    margin-right: 60rpx;
+    justify-content: center;
+    /* margin-right: 60rpx; */
 }
 .people:nth-last-child(1){
     margin-right: 0;
-    padding-right: 36rpx;
+    /* padding-right: 36rpx; */
 }
 .people-img {
     width: 40rpx;
@@ -245,7 +246,7 @@ swiper {
     align-items: center;
 }
 .people-num .name {
-        /* width:100rpx; */
+    max-width:100rpx;
     margin-right:10rpx;
     text-align: center;
     /* margin-right: 10rpx; */
@@ -259,6 +260,7 @@ swiper {
     -webkit-box-orient: vertical;
 }
 .people-num .num {
+    /* width:40%; */
     color: #333333;
     font-size: 22rpx;
 }

@@ -24,18 +24,20 @@
     </view>
 
     <view class="box"  bindtap="goDetail">
-       <image src="{{detail.pic}}" class="banner"></image>
-        <view class="order-info">
         <view class="top">
             <!--<image src="../../../images/avatar@2x.png"></image>-->
             <image src="{{detail.userPic}}" class="user-avatar"></image>
             <image src="{{detail.userSex === 1?'../../../images/man.png':'../../../images/women.png'}}" class="sex-icon"></image>
             <text class="name">{{detail.userName}}</text>
         </view>
+        <view class="order-info">
+            <image src="{{detail.pic}}" class="banner" mode="aspectFill"></image>
+            <view class="info-right">
                 <text class="address">{{detail.title}}</text>
                 <text class="time">{{detail.time}}</text>
             </view>
         </view>
+    </view>
 
 
     <view class="complain" catchtap="goComplain"><text>去投诉</text></view>

@@ -49,27 +49,32 @@
 }
 .box {
     display: flex;
-    align-items: center;
-    padding: 20rpx;
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 40rpx 20rpx 40rpx 20rpx;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border-bottom: 1rpx solid #f2f2f2;
 }
 .box image {
-    width: 153rpx;
-    height: 153rpx;
+    width: 110rpx;
+    height: 110rpx;
     margin-right: 20rpx;
 }
 .order-info {
     display: flex;
-    flex-direction: column;
-    padding: 40rpx 20rpx 0 20rpx;
+    padding: 30rpx 20rpx 0 0rpx;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
-.order-info .top {
+.info-right {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+}
+.box .top {
     display: flex;
     align-items: center;
     position: relative;
@@ -96,10 +101,10 @@
     color: #666666;
 }
 .address {
-    padding: 28rpx 0 32rpx 0;
+    /* padding: 28rpx 0 32rpx 0; */
 }
 .time {
-    padding-bottom: 40rpx;
+    /* padding-bottom: 40rpx; */
 }
 .order-detail {
     /* margin-top: 58rpx; */