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; |