更新订单详情和订单列表 UI review by 黄敬囿

@@ -58,6 +58,7 @@
 .order-action-unselected-button::after {
   /* border-style: none; */
   border-radius: 0;
+  border: 0;
 }
 .order-action-unselected-button {
   height: 80rpx;
@@ -66,7 +67,7 @@
   font-size: 24rpx;
   color: #999999; 
   background-color: #FFFFFF;
-  border: 1rpx solid #CCCCCC;
+  border: 2rpx solid #CCCCCC;
   border-radius: 0; 
   padding-top: 10rpx;
   padding-bottom: 10rpx;

@@ -62,9 +62,9 @@
   </view>
   <view class='order-detail-split-line'></view>
 </scroll-view>
-<view class='order-detail-bottom-action-view'>
+<view class='order-detail-bottom-action-view' wx:if='{{data.buttons.length > 0}}'>
 <!-- <orderdetailaction id="orderdetailaction" buttons="{{buttons}}" order-code="orderCode" real-price="{{priceInfo.realPayPrice}}" product-id='{{goodsInfo.productId}}'/> -->
-<view class='order-detail-bottom-realprice-view' wx:if='{{data.buttons.length >0}}'>
+<view class='order-detail-bottom-realprice-view' >
     <text class='order-action-pay-amount-txt'>¥{{data.priceInfo.realPayPrice}}</text>
     <text class='order-daction-pay-amount-title-txt'>实付金额</text>
   </view>

@@ -12,13 +12,22 @@
 .order-detail-root {
   margin-right: 40rpx;
 }
+
+.border-line {
+  position: relative;
+  top: 0;
+  width: 100%;
+  background-color: #eeeeee;
+  height: 2rpx;
+}
+
 .order-detail-bottom-action-view {
   /* padding-left: 40rpx; */
   /* padding-right: 40rpx; */
-  width: calc( 100% - 80rpx );
+  width: 100%;
   /* height: 140rpx; */
-  margin-left: 40rpx;
-  margin-right: 40rpx;
+  /* margin-left: 40rpx;
+  margin-right: 40rpx; */
   /* width: 100%; */
   display: flex;
   position: fixed;
@@ -29,10 +38,12 @@
   background: #FFFFFF;
   padding-top: 20rpx;
   padding-bottom: 20rpx;
+  border-top: 2rpx solid #eeeeee;
 }
 .order-detail-bottom-button-view {
   display: flex;
   flex-direction: row;
+  margin-right: 40rpx;
 }
 .order-detail-bottom-selected-button {
   width: 224rpx;
@@ -49,6 +60,7 @@
 }
 .order-detail-bottom-unselected-button::after {
   border-radius: 0;
+  border: 0rpx;
 }
 .order-detail-bottom-unselected-button {
   width: 224rpx;
@@ -68,6 +80,7 @@
 .order-detail-bottom-realprice-view {
   display: flex;
   flex-direction: column;
+  margin-left: 40rpx;
 }
 .order-detail-split-line {
   background: #eeeeee;