样式,排版调整

后端开发-许程
1 parent d7859623
Showing 2 changed files with 19 additions and 11 deletions
pages/user/order_list/order_list.wxml
pages/user/order_list/order_list.wxss
@@ -60,10 +60,13 @@
                     </view>
                 </view>
-                <view class="check-btn">
+              
+            </view>
+
+  <view class="check-btn">
                     <navigator url="/pages/cart/cart_wk/cart_wk?order_id={{item.order_id}}"
                                class="order-btn order-btn-pay" data-idx="{{index}}" wx:if="{{item.pt_status==2 && item.pt_tail_money>0}}">支付尾款</navigator>
-                    <navigator bindtap="jumpToCart4" class="order-btn order-btn-pay" data-idx="{{index}}" hidden="{{!(item.order_status==0&&item.pay_status==0)}}">立即付款</navigator>
+                    <navigator bindtap="jumpToCart4 white red-b" class="order-btn order-btn-pay " data-idx="{{index}}" hidden="{{!(item.order_status==0&&item.pay_status==0)}}">立即付款</navigator>
                     <view  class="order-btn" data-id="{{item.order_id}}" wx:if="{{item.order_status==3 && item.pt_status!=3 }}">已取消</view>
                     <view bindtap="cancelOrder" class="order-btn" data-id="{{item.order_id}}" data-zsorder="{{item.is_zsorder}}" data-orderindex="{{index}}"
                           hidden="{{!(item.order_status==0 &&item.pay_status==0)}}">取消订单</view>
@@ -80,14 +83,14 @@
                       </block>
-                    <view bindtap="confirmOrder" data-zsorder="{{item.is_zsorder}}"  class="order-btn" data-id="{{item.order_id}}" hidden="{{!(item.order_status==1&&item.pay_status==1&&item.shipping_status==1)}}">确认收货</view>
-                     <view bindtap="confirmOrder" data-zsorder="{{item.is_zsorder}}"  class="order-btn" data-id="{{item.order_id}}" hidden="{{!(item.order_status==1&&item.pay_status==1&&item.shipping_status==2)}}">确认收货</view>
-                    <navigator redirect class="order-btn" hidden="{{!(item.order_status==2)}}" url="/pages/user/comment/comment?status=0">评价</navigator>
+                    <view bindtap="confirmOrder" data-zsorder="{{item.is_zsorder}}"  class="order-btn white red-b" data-id="{{item.order_id}}" hidden="{{!(item.order_status==1&&item.pay_status==1&&item.shipping_status==1)}}">确认收货</view>
+                     <view bindtap="confirmOrder" data-zsorder="{{item.is_zsorder}}"  class="order-btn white red-b" data-id="{{item.order_id}}" hidden="{{!(item.order_status==1&&item.pay_status==1&&item.shipping_status==2)}}">确认收货</view>
+                    <navigator redirect class="order-btn white red-b" hidden="{{!(item.order_status==2)}}" url="/pages/user/comment/comment?status=0">评价</navigator>
                     <navigator class="order-btn" hidden="{{!(item.exp_type==0&&item.pay_status==1&&item.shipping_status==1)}}" url="/pages/user/express/express?order_id={{item.order_id}}">查看物流</navigator>
                      <navigator class="order-btn" hidden="{{!(item.exp_type==0&&item.pay_status==1&&item.shipping_status==2)}}" url="/pages/user/express/express?order_id={{item.order_id}}">查看物流</navigator>
                 </view>
-            </view>
+
         </view>
         <view class="no-data" wx:if="{{ (!orderList||orderList.length==0) && is_get}}">
             <image class="cart-image" src="{{iurl}}/miniapp/images/cart-null.png"></image>
@@ -40,6 +40,8 @@
     margin-bottom: 20rpx;
     font-size: 28rpx;
     border-bottom: 1rpx solid #eee;
+    padding-bottom: 25rpx;
+
 }
 .goods-title {
@@ -108,7 +110,7 @@
 .goods-tips {
     height: 60rpx;
-    padding: 50rpx 0;
+    padding: 10rpx 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -127,14 +129,14 @@
 }
 .order-btn {
-    width: 125rpx;
-    height: 60rpx;
-    line-height: 60rpx;
+    width: 150rpx;
+    height: 50rpx;
+    line-height: 50rpx;
     text-align: center;
     border: 1px solid #eee;
     margin-left: 10rpx;
     float: right;
-    border-radius: 5rpx;
+    border-radius: 15rpx;
 }
 .order-btn-pay {
@@ -143,3 +145,6 @@
     border-color: #f23030;
 }
 .return-btn.co-red{color: #e02e24}
+.check-btn{
+  margin-bottom: 20rpx;
+}
 \ No newline at end of file