样式调整

pages/welfareMall/historical/historical.wxml

@@ -21,7 +21,7 @@
         </view>
       </view>
       <view class="content-line"></view>
-      <view class="content-lower flex-row" data-ordersn="{{item.orderSn}}" catchtap="getCompletion">
+      <view class="content-lower" data-ordersn="{{item.orderSn}}" catchtap="getCompletion">
         <view class="lower-total">共{{item.goodsList.length}}件商品 合计￥{{item.payPriceFormatter}}</view>
         <view class="lower-order-style flex-row">
           <view class="lower-order-text">订单详情</view>

pages/welfareMall/historical/historical.wxss

@@ -22,13 +22,16 @@
   justify-content: center;
 }
 
+.historical-style{
+  margin-top: 14rpx;
+}
+
 .historical-content{
   width: 716rpx;
-  height: 327rpx;
+  /* height: 327rpx; */
   background: #FFFFFF;
   border-radius: 10rpx;
-  margin-top: 14rpx;
-  margin-bottom: 8rpx;
+  margin-bottom: 20rpx;
 }
 
 .content-hm{
@@ -113,8 +116,12 @@
 
 .content-lower{
   width: 676rpx;
-  height: 80rpx;
-  justify-content: space-between;
+  padding-top: 30rpx;
+  padding-bottom: 30rpx;
+  min-height: 48rpx;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
 }
 
 .lower-total{
@@ -122,13 +129,17 @@
   font-family: Source Han Sans CN;
   font-weight: 500;
   color: #444444;
+  width: 500rpx;
+  line-height: 46rpx;
+  flex: 1;
 }
 
 .lower-order-style{
   width: 140rpx;
   height: 46rpx;
+  box-sizing: border-box;
   background: #FFFFFF;
-  border: 1rpx solid #B01717;
+  border: 1px solid #B01717;
   border-radius: 10rpx;
 }
 

pages/welfareMall/order/orderCompletion.wxss

@@ -1,9 +1,10 @@
 /* pages/welfareMall/order/orderCompletion.wxss */
+page{ 
+  background: #F7F7F7;
+}
 .order{
   width: 750rpx;
   height: auto;
-  padding-bottom: 119rpx; 
-  background: #F7F7F7;
 }
 
 /* 垂直方向布局，水平居中 **/