Commit 07d9c77f47623c8ff60200fcc7d33d5223e0f99e
1 parent
10398d68
1。会员中心的我的订单的界面优化
Showing
2 changed files
with
32 additions
and
13 deletions
pages/user/index/index.wxml
| @@ -92,12 +92,33 @@ | @@ -92,12 +92,33 @@ | ||
| 92 | 92 | ||
| 93 | </view> | 93 | </view> |
| 94 | <view class="xc-after-sale rel"> | 94 | <view class="xc-after-sale rel"> |
| 95 | + <!-- 顶上的一栏 --> | ||
| 96 | + <view class="xc-equity-title flex-level" bindtap="go_qy"> | ||
| 97 | + <view class="xc-title-frame flex-space-between"> | ||
| 98 | + <view class="flex-vertical xc-title-content"> | ||
| 99 | + <image class="xc-title-img" src="{{iurl}}/miniapp/images/hdindan.png" style="width: 50rpx; height: 55rpx;margin-right: 5rpx"></image> | ||
| 100 | + <view class="three-level-word">我的订单</view> | ||
| 101 | + </view> | ||
| 102 | + </view> | ||
| 103 | + <view class="three-level-word xc-more-frame flex-vertical"> | ||
| 104 | + <view class="three-level-word xc-more">更多</view> | ||
| 105 | + <view class="bg_right xc-more-click bcolor"></view> | ||
| 106 | + </view> | ||
| 107 | + </view> | ||
| 108 | + <!-- 内容的一栏 --> | ||
| 95 | <view class="xc-after-sale-left flex-center-around"> | 109 | <view class="xc-after-sale-left flex-center-around"> |
| 96 | <view class="t-c margin-auto rel" bindtap="go_order" data-url="/pages/user/order_list/order_list?type=1"> | 110 | <view class="t-c margin-auto rel" bindtap="go_order" data-url="/pages/user/order_list/order_list?type=1"> |
| 97 | <image class="xc-no-money" src="{{iurl}}/miniapp/images/daifuk.png"></image> | 111 | <image class="xc-no-money" src="{{iurl}}/miniapp/images/daifuk.png"></image> |
| 98 | <view class=" xc-word-color four-level-word">待付款</view> | 112 | <view class=" xc-word-color four-level-word">待付款</view> |
| 99 | <text class="order-num" hidden='{{toji.wait_pay>0?"":"true"}}'>{{toji.wait_pay}}</text> | 113 | <text class="order-num" hidden='{{toji.wait_pay>0?"":"true"}}'>{{toji.wait_pay}}</text> |
| 100 | </view> | 114 | </view> |
| 115 | + | ||
| 116 | + <view class="t-c margin-auto rel" bindtap="go_order" data-url="/pages/user/order_list/order_list?type=2"> | ||
| 117 | + <image class="xc-send" src="{{iurl}}/miniapp/images/dfahuo.png?v=1"></image> | ||
| 118 | + <view class="xc-word-color four-level-word">待发货</view> | ||
| 119 | + <text class="order-num" hidden='{{toji.wait_receive>0?"":"true"}}'>{{toji.wait_send}}</text> | ||
| 120 | + </view> | ||
| 121 | + | ||
| 101 | <view class="t-c margin-auto rel" bindtap="go_order" data-url="/pages/user/order_list/order_list?type=3"> | 122 | <view class="t-c margin-auto rel" bindtap="go_order" data-url="/pages/user/order_list/order_list?type=3"> |
| 102 | <image class="xc-await" src="{{iurl}}/miniapp/images/shouhuo1.png"></image> | 123 | <image class="xc-await" src="{{iurl}}/miniapp/images/shouhuo1.png"></image> |
| 103 | <view class="xc-word-color four-level-word">待收货</view> | 124 | <view class="xc-word-color four-level-word">待收货</view> |
| @@ -115,15 +136,8 @@ | @@ -115,15 +136,8 @@ | ||
| 115 | <!--<text class="order-num" hidden='{{toji.wait_return>0>0?"":"true"}}' style="right: -20rpx">{{toji.wait_return}}</text>--> | 136 | <!--<text class="order-num" hidden='{{toji.wait_return>0>0?"":"true"}}' style="right: -20rpx">{{toji.wait_return}}</text>--> |
| 116 | </view> | 137 | </view> |
| 117 | 138 | ||
| 118 | - <view class='xc-hump abs'></view> | ||
| 119 | - <view class="flex-verticalr xc-after-sale-right"> | ||
| 120 | - <view class=" xc-order t-c" bindtap="go_order" data-url="/pages/user/order_list/order_list"> | ||
| 121 | - <image class="xc-no-money xc-my-order" src="{{iurl}}/miniapp/images/dindan.png"></image> | ||
| 122 | - <view class="xc-word-color four-level-word" style='margin-left:20rpx;'>我的订单</view> | ||
| 123 | - </view> | ||
| 124 | - </view> | ||
| 125 | - | ||
| 126 | </view> | 139 | </view> |
| 140 | + <view style="clear: both"></view> | ||
| 127 | 141 | ||
| 128 | </view> | 142 | </view> |
| 129 | 143 | ||
| @@ -133,9 +147,7 @@ | @@ -133,9 +147,7 @@ | ||
| 133 | <view class="xc-title-frame flex-space-between"> | 147 | <view class="xc-title-frame flex-space-between"> |
| 134 | <view class="flex-vertical xc-title-content"> | 148 | <view class="flex-vertical xc-title-content"> |
| 135 | <image class="xc-title-img" src="{{iurl}}/miniapp/images/medal.png"></image> | 149 | <image class="xc-title-img" src="{{iurl}}/miniapp/images/medal.png"></image> |
| 136 | - <view class="three-level-word"> | ||
| 137 | - 我的权益 | ||
| 138 | - </view> | 150 | + <view class="three-level-word">我的权益</view> |
| 139 | </view> | 151 | </view> |
| 140 | </view> | 152 | </view> |
| 141 | <view class="three-level-word xc-more-frame flex-vertical"> | 153 | <view class="three-level-word xc-more-frame flex-vertical"> |
| @@ -143,6 +155,7 @@ | @@ -143,6 +155,7 @@ | ||
| 143 | <view class="bg_right xc-more-click bcolor"></view> | 155 | <view class="bg_right xc-more-click bcolor"></view> |
| 144 | </view> | 156 | </view> |
| 145 | </view> | 157 | </view> |
| 158 | + | ||
| 146 | <view class="xc-specific-more-frame flex-vertical"> | 159 | <view class="xc-specific-more-frame flex-vertical"> |
| 147 | 160 | ||
| 148 | <view bindtap="click_pre"> | 161 | <view bindtap="click_pre"> |
pages/user/index/index.wxss
| @@ -202,13 +202,14 @@ | @@ -202,13 +202,14 @@ | ||
| 202 | 202 | ||
| 203 | .xc-after-sale { | 203 | .xc-after-sale { |
| 204 | width: 100%; | 204 | width: 100%; |
| 205 | - height: 160rpx; | ||
| 206 | border-bottom: 10px solid #f2f2f2; | 205 | border-bottom: 10px solid #f2f2f2; |
| 207 | } | 206 | } |
| 208 | 207 | ||
| 209 | .xc-after-sale-left { | 208 | .xc-after-sale-left { |
| 210 | - width: 90%; | 209 | + width: 96%; |
| 211 | height: 100%; | 210 | height: 100%; |
| 211 | + margin-top: 40rpx; | ||
| 212 | + margin-bottom: 25rpx; | ||
| 212 | } | 213 | } |
| 213 | 214 | ||
| 214 | .xc-no-money { | 215 | .xc-no-money { |
| @@ -300,6 +301,11 @@ | @@ -300,6 +301,11 @@ | ||
| 300 | height: 50rpx; | 301 | height: 50rpx; |
| 301 | } | 302 | } |
| 302 | 303 | ||
| 304 | +.xc-send{ | ||
| 305 | + width: 50rpx; | ||
| 306 | + height: 50rpx; | ||
| 307 | +} | ||
| 308 | + | ||
| 303 | .xc-more-click { | 309 | .xc-more-click { |
| 304 | width: 15rpx; | 310 | width: 15rpx; |
| 305 | height: 15rpx; | 311 | height: 15rpx; |