优化钱包样式

 <!--pages/my/my-wallet/detail/detail.wxml-->
 <!--pages/my/my-wallet/detail/detail.wxml-->
 <view class="content">
 <view class="content">
-    <view class="section {{detail.type === 1?'change-bg':''}} {{detail.status === 6?'change-bg-end':''}}" style="">
+    <view class="section {{detail.type === 1?'change-bg':''}} {{detail.status === 6?'change-bg-end':''}}" style="height:{{screenHeight}}px">
         <view class="detail">
         <view class="detail">
             <view class="bg">
             <view class="bg">
                 <view class="head">
                 <view class="head">
@@ -28,8 +28,8 @@
                         <view wx:for="{{join}}" wx:key="index" class="list">
                         <view wx:for="{{join}}" wx:key="index" class="list">
                             <image src="{{item.pic}}"></image>
                             <image src="{{item.pic}}"></image>
                             <view class="people-name">{{item.name}}</view>
                             <view class="people-name">{{item.name}}</view>
-                            <text class="people-phone" selectable="true">手机号: {{item.tel}}</text>
-                            <text class="people-phone" selectable="true">微信号: {{item.wx}}</text>
+                            <text class="people-phone" selectable="true">手机: {{item.tel}}</text>
+                            <text class="people-phone" selectable="true">微信: {{item.wx}}</text>
                         </view>
                         </view>
                     </scroll-view>
                     </scroll-view>
                 </view>
                 </view>

@@ -115,6 +115,7 @@ page {
 }
 }
 .people .list {
 .people .list {
     display: flex;
     display: flex;
+    align-items: center;
     justify-content: flex-start;
     justify-content: flex-start;
     margin-bottom: 30rpx;
     margin-bottom: 30rpx;
 }
 }

@@ -3,13 +3,13 @@
     <view class="bg">
     <view class="bg">
         <!-- // （0全部，2待拼成，3人数不足未拼成,4已拼成，5已取消，6已完成，7已评价，8已拼成（活动未结束）,9删除-->
         <!-- // （0全部，2待拼成，3人数不足未拼成,4已拼成，5已取消，6已完成，7已评价，8已拼成（活动未结束）,9删除-->
         <view class="no-data" wx:if="{{list.length===0}}">钱包是空的~</view>
         <view class="no-data" wx:if="{{list.length===0}}">钱包是空的~</view>
-        <view class="list-item {{item.type === 1?'change-bg':''}} {{item.status === 6?'change-bg-end':''}} {{item.status === 10?'change-bg-cancel':''}}"
+        <view class="list-item {{item.type === 1?'change-bg':''}} {{item.status === 6?'change-bg-end':''}} {{item.status === 10||item.status === 5?'change-bg-cancel':''}}"
               wx:for="{{list}}" wx:key="index" data-id="{{item.id}}" bindtap="goDetail">
               wx:for="{{list}}" wx:key="index" data-id="{{item.id}}" bindtap="goDetail">
             <!--已完成icon-->
             <!--已完成icon-->
             <image src="../../../images/end-flag@2x.png" wx:if="{{item.status === 6}}" class="flag-img"></image>
             <image src="../../../images/end-flag@2x.png" wx:if="{{item.status === 6}}" class="flag-img"></image>
             <!--已取消icon-->
             <!--已取消icon-->
-            <image src="../../../images/quxiao@2x.png" wx:if="{{item.status === 10}}" class="flag-img"></image>
-            <view class="detail {{item.status === 6 || item.status === 10?'change-color':''}}">
+            <image src="../../../images/quxiao@2x.png" wx:if="{{item.status === 10 ||item.status === 5}}" class="flag-img"></image>
+            <view class="detail {{item.status === 5 || item.status === 6 || item.status === 10?'change-color':''}}">
                 <view class="area">
                 <view class="area">
                     <text class="addr">{{item.title}}</text>
                     <text class="addr">{{item.title}}</text>
                     <text>{{nickName}}</text>
                     <text>{{nickName}}</text>

@@ -49,7 +49,7 @@
     </view>
     </view>
 
 
     <view class="bottom">
     <view class="bottom">
-        <!-- // （0全部，2待拼成，3人数不足未拼成,4已拼成，5已取消，6已完成，7已评价，8已拼成（活动未结束）,9删除-->
+        <!-- // （0全部，2待拼成，3人数不足未拼成,4已拼成，5已取消，6已完成，7已评价，8已拼成（活动未结束）,9删除,10已取消（已拼成取消），11已过期-->
         <text class="cancel-btn" wx:if="{{detail.status === 2}}" bindtap="cancel">取消订单</text>
         <text class="cancel-btn" wx:if="{{detail.status === 2}}" bindtap="cancel">取消订单</text>
         <text class="cancel-btn gray" wx:if="{{detail.status === 2}}">待拼成</text>
         <text class="cancel-btn gray" wx:if="{{detail.status === 2}}">待拼成</text>
         <!--<text class="cancel-btn gray" wx:if="{{detail.status === 8}}">已拼成</text>-->
         <!--<text class="cancel-btn gray" wx:if="{{detail.status === 8}}">已拼成</text>-->