作者 王旭宇

4545

@@ -1762,6 +1762,8 @@ padding-left: 30rpx @@ -1762,6 +1762,8 @@ padding-left: 30rpx
1762 top:250rpx; 1762 top:250rpx;
1763 left: 0; 1763 left: 0;
1764 z-index: 999; 1764 z-index: 999;
  1765 + padding-bottom: 100rpx;
  1766 + box-sizing: border-box
1765 } 1767 }
1766 .swiperswiper{ 1768 .swiperswiper{
1767 height: 120rpx; 1769 height: 120rpx;
1 <!--pages/my/orderDetail/orderDetail.wxml--> 1 <!--pages/my/orderDetail/orderDetail.wxml-->
2 <view class='pages {{showad?"active":""}} {{couponFlag||deliverTime||chooseFlagAddress?"activity":""}}'> 2 <view class='pages {{showad?"active":""}} {{couponFlag||deliverTime||chooseFlagAddress?"activity":""}}'>
3 - <view class='scroll'>  
4 - <view class='banner'>  
5 - <view class='iconfont icon-fanhui' catchtap='get_back'></view>  
6 - <view class='coupons'>结算</view> 3 + <view class='scroll'>
  4 + <view class='banner'>
  5 + <view class='iconfont icon-fanhui' catchtap='get_back'></view>
  6 + <view class='coupons'>结算</view>
  7 + </view>
  8 +
  9 + <view class='content_item'>
  10 + <view class='item_list'>
  11 + <!-- <view class='expected_time' bindtap='chooseTime' wx:if='{{is_group==0}}'> -->
  12 + <picker mode="multiSelector" wx:if='{{is_group==0}}' class='flex_box' bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}">
  13 +<view class="picker_class">
  14 +<view class='zhanman'>
  15 +<view class='iconfont icon-time'></view>
  16 +<text class='hint' wx:if='{{timeflag}}'>选择时间</text>
  17 +<text class='hint' wx:else>{{multiArray[0][multiIndex[0]]}}{{multiArray[1][multiIndex[1]]}}</text>
  18 +
  19 +<view class='centers'>送达</view>
  20 +</view>
  21 +<view class='iconfont icon-jinru add_left'></view>
  22 +</view>
  23 +</picker>
  24 + <!-- <view class='expected_time' bindtap='chooseTime' wx:else> -->
  25 + <view class='expected_time' wx:else>
  26 + <view class='iconfont icon-time'></view>
  27 + <text class='hint'>团购不可选择送达时间</text>
  28 + </view>
  29 + <view class='expected_time' bindtap='openAddress'>
  30 + <view class='iconfont icon-position'></view>
  31 + <text wx:if='{{addressFlag}}'>请选择收货地址</text>
  32 + <text wx:else class='centers'>{{address.name}}\t\t\t\t{{address.mobile}}\n{{address.poiname}}\t\t{{address.doorplate}}\t\t</text>
  33 + <view class='iconfont icon-jinru dec_left {{address_jinru?"active":""}}'></view>
7 </view> 34 </view>
  35 + </view>
8 36
9 - <view class='content_item'>  
10 - <view class='item_list'>  
11 - <!-- <view class='expected_time' bindtap='chooseTime' wx:if='{{is_group==0}}'> -->  
12 - <view class='expected_time' wx:if='{{is_group==0}}' bindtap='changeTime'>  
13 - <picker mode="multiSelector" class='flex_box' bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}">  
14 - <view class='zhanman'>  
15 - <view class='iconfont icon-time'></view>  
16 - <text class='hint' wx:if='{{timeflag}}'>选择时间</text>  
17 - <text class='hint' wx:else>{{multiArray[0][multiIndex[0]]}}{{multiArray[1][multiIndex[1]]}}</text>  
18 -  
19 - <view class='centers'>送达</view>  
20 - <view class='iconfont icon-jinru add_left'></view>  
21 - </view>  
22 - </picker>  
23 - </view>  
24 - <!-- <view class='expected_time' bindtap='chooseTime' wx:else> -->  
25 - <view class='expected_time' wx:else>  
26 - <view class='iconfont icon-time'></view>  
27 - <text class='hint'>团购不可选择送达时间</text>  
28 - </view>  
29 - <view class='expected_time' bindtap='openAddress'>  
30 - <view class='iconfont icon-position'></view>  
31 - <text wx:if='{{addressFlag}}'>请选择收货地址</text>  
32 - <text wx:else class='centers'>{{address.name}}\t\t\t\t{{address.mobile}}\n{{address.poiname}}\t\t{{address.doorplate}}\t\t</text>  
33 - <view class='iconfont icon-jinru dec_left {{address_jinru?"active":""}}'></view>  
34 - </view> 37 + <view class='item_list1'>
  38 + <view class='list_title'>商品信息 </view>
  39 + <view class='content'>
  40 + <view class='content_list' wx:if='{{goodsList}}' wx:for="{{goodsList}}" wx:key="{{item.id}}">
  41 + <view class='content_detail'>
  42 + <view class='content_img'>
  43 + <image src='{{item.more.thumbnail}}'></image>
  44 + </view>
  45 + <view class='species'>
  46 + <view>{{item.title}}</view>
  47 + <view class='num'>×{{item.number}}</view>
  48 + </view>
35 </view> 49 </view>
36 -  
37 - <view class='item_list1'>  
38 - <view class='list_title'>商品信息 </view>  
39 - <view class='content'>  
40 - <view class='content_list' wx:if='{{goodsList}}' wx:for="{{goodsList}}" wx:key="{{item.id}}">  
41 - <view class='content_detail'>  
42 - <view class='content_img'>  
43 - <image src='{{item.more.thumbnail}}'></image>  
44 - </view>  
45 - <view class='species'>  
46 - <view>{{item.title}}</view>  
47 - <view class='num'>×{{item.number}}</view>  
48 - </view>  
49 - </view>  
50 - <view>  
51 - <view wx:if='{{packId==-1}}'>  
52 - <view wx:if='{{is_vip==1}}'>¥{{item.vip_price}}</view>  
53 - <view wx:else>¥{{item.price}}</view>  
54 - </view>  
55 - <view wx:else>¥{{item.price}}</view>  
56 - </view>  
57 - </view>  
58 - <!-- <view class='content_list' wx:if='{{num!=0}}'> 50 + <view>
  51 + <view wx:if='{{packId==-1}}'>
  52 + <view wx:if='{{is_vip==1}}'>¥{{item.vip_price}}</view>
  53 + <view wx:else>¥{{item.price}}</view>
  54 + </view>
  55 + <view wx:else>¥{{item.price}}</view>
  56 + </view>
  57 + </view>
  58 + <!-- <view class='content_list' wx:if='{{num!=0}}'>
59 <view class='content_detail'> 59 <view class='content_detail'>
60 <view class='content_img'> 60 <view class='content_img'>
61 <image src='{{gList.more.thumbnail}}'></image> 61 <image src='{{gList.more.thumbnail}}'></image>
@@ -67,154 +67,154 @@ @@ -67,154 +67,154 @@
67 </view> 67 </view>
68 <view>¥{{goodsTotalPrice}}</view> 68 <view>¥{{goodsTotalPrice}}</view>
69 </view> --> 69 </view> -->
70 - </view>  
71 - </view> 70 + </view>
  71 + </view>
72 72
  73 + <view>
  74 + <view class='item_list1'>
  75 + <view class='goods_detail'>
  76 + <view>原价</view>
73 <view> 77 <view>
74 - <view class='item_list1'>  
75 - <view class='goods_detail'>  
76 - <view>原价</view>  
77 - <view>  
78 - <view wx:if='{{vip.priceData.amountOld!=""}}'>¥{{goodsTotalPrice}}</view>  
79 - <!-- {{vip.priceData.amountOld}} -->  
80 - </view>  
81 - </view>  
82 - <view class='goods_detail'>  
83 - <view>运费</view>  
84 - <view>¥{{vip.priceData.shipment_price}}</view>  
85 - </view>  
86 - <view class='goods_detail' bindtap='jump_coupon'>  
87 - <view>优惠券抵扣</view>  
88 - <view class='right'>  
89 - <view>-¥{{couponPrice}}</view>  
90 - <view class='iconfont icon-jinru icon-jinru-dec'></view>  
91 - </view>  
92 - </view>  
93 - <view class='goods_detail bottom'>  
94 - <view>可用{{vip.priceData.score}}积分抵用{{vip.priceData.scorePrice}}元</view>  
95 - <view>  
96 - <switch color="#FFDA44" class='daxiao_size' style='zoom:.6' bindchange='changeSwitch' data-scoreprice='{{vip.priceData.scorePrice}}'></switch>  
97 - </view>  
98 - </view>  
99 - </view>  
100 - <view class='total'>合计  
101 - <text class='moneys'>¥{{amount}}</text> </view> 78 + <view wx:if='{{vip.priceData.amountOld!=""}}'>¥{{goodsTotalPrice}}</view>
  79 + <!-- {{vip.priceData.amountOld}} -->
102 </view> 80 </view>
103 -  
104 - <view class='item_list1'>  
105 - <view class='list_title'>升级尊享会员特权,本单更返¥{{vip.priceData.cashbackPrice}}</view>  
106 - <view class='contents' wx:for='{{vipList}}' wx:for-index='key' wx:for-item='value' wx:key='{{key}}'>  
107 - <view class='no_flex'>  
108 - <text class='jiange'>{{value.title}}</text>  
109 - <text class='jiange kuoda'>¥{{value.sale_price}}</text>  
110 - <view class='one_month'>({{value.remark}})</view>  
111 - <view class='iconfont icon-weixuanzhong xuanzhong {{vipId==value.id&&value.t?"active":""}}' bindtap='change_vip_id' data-id='{{value.id}}' data-index='{{key}}'></view>  
112 - </view>  
113 - </view> 81 + </view>
  82 + <view class='goods_detail'>
  83 + <view>运费</view>
  84 + <view>¥{{vip.priceData.shipment_price}}</view>
  85 + </view>
  86 + <view class='goods_detail' bindtap='jump_coupon'>
  87 + <view>优惠券抵扣</view>
  88 + <view class='right'>
  89 + <view>-¥{{couponPrice}}</view>
  90 + <view class='iconfont icon-jinru icon-jinru-dec'></view>
114 </view> 91 </view>
115 -  
116 - <view class='no_padding_top'>  
117 - <view class='contents no_border_top'>  
118 - <view class='no_flex'>  
119 - <text class='jiange'>余额</text>  
120 - <text class='jiange kuoda'>¥{{vip.user.balance}}</text>  
121 - <view class='invest' bindtap='go_recharge'>余额充值</view>  
122 - <view class='yue_pay'>使用余额支付</view>  
123 - <view class='iconfont icon-weixuanzhong xuanzhong {{useBalance?"active":""}}' bindtap='useBalance'></view>  
124 - </view>  
125 - </view> 92 + </view>
  93 + <view class='goods_detail bottom'>
  94 + <view>可用{{vip.priceData.score}}积分抵用{{vip.priceData.scorePrice}}元</view>
  95 + <view>
  96 + <switch color="#FFDA44" class='daxiao_size' style='zoom:.6' bindchange='changeSwitch' data-scoreprice='{{vip.priceData.scorePrice}}'></switch>
126 </view> 97 </view>
  98 + </view>
127 </view> 99 </view>
  100 + <view class='total'>合计
  101 + <text class='moneys'>¥{{amount}}</text> </view>
  102 + </view>
128 103
129 - </view>  
130 - <view class='fixed_bottom'>  
131 - <view class='bottom_left'>  
132 - <view>  
133 - <view class='bottom_left_left' wx:if='{{useBalance}}'>余额支付</view>  
134 - <view class='bottom_left_left' wx:else>微信支付</view>  
135 - </view>  
136 - <view class='bottom_left_right'>¥{{last_total_price}}</view> 104 + <view class='item_list1'>
  105 + <view class='list_title'>升级尊享会员特权,本单更返¥{{vip.priceData.cashbackPrice}}</view>
  106 + <view class='contents' wx:for='{{vipList}}' wx:for-index='key' wx:for-item='value' wx:key='{{key}}'>
  107 + <view class='no_flex'>
  108 + <text class='jiange'>{{value.title}}</text>
  109 + <text class='jiange kuoda'>¥{{value.sale_price}}</text>
  110 + <view class='one_month'>({{value.remark}})</view>
  111 + <view class='iconfont icon-weixuanzhong xuanzhong {{vipId==value.id&&value.t?"active":""}}' bindtap='change_vip_id' data-id='{{value.id}}' data-index='{{key}}'></view>
  112 + </view>
137 </view> 113 </view>
138 - <view class='bottom_right' bindtap='settle_success'>去支付</view> 114 + </view>
  115 +
  116 + <view class='no_padding_top'>
  117 + <view class='contents no_border_top'>
  118 + <view class='no_flex'>
  119 + <text class='jiange'>余额</text>
  120 + <text class='jiange kuoda'>¥{{vip.user.balance}}</text>
  121 + <view class='invest' bindtap='go_recharge'>余额充值</view>
  122 + <view class='yue_pay'>使用余额支付</view>
  123 + <view class='iconfont icon-weixuanzhong xuanzhong {{useBalance?"active":""}}' bindtap='useBalance'></view>
  124 + </view>
  125 + </view>
  126 + </view>
  127 + </view>
  128 +
  129 + </view>
  130 + <view class='fixed_bottom'>
  131 + <view class='bottom_left'>
  132 + <view>
  133 + <view class='bottom_left_left' wx:if='{{useBalance}}'>余额支付</view>
  134 + <view class='bottom_left_left' wx:else>微信支付</view>
  135 + </view>
  136 + <view class='bottom_left_right'>¥{{last_total_price}}</view>
139 </view> 137 </view>
140 -</view> 138 + <view class='bottom_right' bindtap='settle_success'>去支付</view>
  139 + </view>
  140 +</view>
141 <!-- 选取优惠券弹框 --> 141 <!-- 选取优惠券弹框 -->
142 <view class='chooseCoupon' wx:if='{{couponFlag}}'> 142 <view class='chooseCoupon' wx:if='{{couponFlag}}'>
143 -<view class='banner'>  
144 - <view class='iconfont icon-fanhui' bindtap='get_myss'> </view>  
145 - <view class='coupons'>我的优惠券</view>  
146 - </view>  
147 - <view class='item_list_boxs' wx:for='{{vip.newUserCoupon}}' wx:key='{{item.id}}' bindtap='closeCoupon' wx:for-index='index' data-index='{{index}}'>  
148 - <view class='item_lists'>  
149 - <view class='right_top_circle'>免运费券</view>  
150 - <view class='list_character'>  
151 -  
152 - <view class='triangle' bindtap='openXiaLa' data-id='{{item.id}}'>  
153 - <view class='iconfont {{open&&id==item.id?"icon-xiangxia":"icon-xiangshang"}}'></view>  
154 - </view>  
155 - <view class='money'>  
156 - <text>¥</text>{{item.price}}  
157 - </view>  
158 - <view class='sale'>{{item.title}}</view>  
159 - <view class='data'>有效期至:{{item.end_time}}</view>  
160 - </view> 143 + <view class='banner'>
  144 + <view class='iconfont icon-fanhui' bindtap='get_myss'> </view>
  145 + <view class='coupons'>我的优惠券</view>
  146 + </view>
  147 + <view class='item_list_boxs' wx:for='{{vip.newUserCoupon}}' wx:key='{{item.id}}' bindtap='closeCoupon' wx:for-index='index' data-index='{{index}}'>
  148 + <view class='item_lists'>
  149 + <view class='right_top_circle'>免运费券</view>
  150 + <view class='list_character'>
161 151
  152 + <view class='triangle' bindtap='openXiaLa' data-id='{{item.id}}'>
  153 + <view class='iconfont {{open&&id==item.id?"icon-xiangxia":"icon-xiangshang"}}'></view>
162 </view> 154 </view>
163 - <view class='item_list_box' wx:if='{{id==item.id&&open}}'>  
164 - <view class='limit_values'>可使用商品,仅限{{item.limit_values}}</view> 155 + <view class='money'>
  156 + <text>¥</text>{{item.price}}
165 </view> 157 </view>
  158 + <view class='sale'>{{item.title}}</view>
  159 + <view class='data'>有效期至:{{item.end_time}}</view>
  160 + </view>
  161 +
  162 + </view>
  163 + <view class='item_list_box' wx:if='{{id==item.id&&open}}'>
  164 + <view class='limit_values'>可使用商品,仅限{{item.limit_values}}</view>
166 </view> 165 </view>
  166 + </view>
167 </view> 167 </view>
168 <!-- 支付成功弹框 --> 168 <!-- 支付成功弹框 -->
169 <view class='ad_box' bindtap='show_ad' wx:if='{{showad}}'> 169 <view class='ad_box' bindtap='show_ad' wx:if='{{showad}}'>
170 - <image src='{{imgUrl}}settle_ad.png' mode='widthFix' catchtap='goad'></image>  
171 - <view class='iconfont icon-quxiao' bindtap='jump_index'></view> 170 + <image src='{{imgUrl}}settle_ad.png' mode='widthFix' catchtap='goad'></image>
  171 + <view class='iconfont icon-quxiao' bindtap='jump_index'></view>
172 </view> 172 </view>
173 <!-- 选择时间弹框 --> 173 <!-- 选择时间弹框 -->
174 <view class='choose_deliver_time' wx:if='{{deliverTime}}'> 174 <view class='choose_deliver_time' wx:if='{{deliverTime}}'>
175 - <scroll-view scroll-y='true' class='deliver_box'>  
176 - <view class='banner'>  
177 - <view class='iconfont icon-fanhui' catchtap='get_my'></view>  
178 - <view class='coupons'>选择配送时间</view> 175 + <scroll-view scroll-y='true' class='deliver_box'>
  176 + <view class='banner'>
  177 + <view class='iconfont icon-fanhui' catchtap='get_my'></view>
  178 + <view class='coupons'>选择配送时间</view>
  179 + </view>
  180 + <view class='time_quantumsss' wx:for='{{deliverList}}' wx:for-item='cell' wx:for-index='cellindex' wx:key='{{cellindex}}'>
  181 + <view class='time_quantum_leftsss'>
  182 + <view class='time_centersss'>
  183 + <view class='time_calendarsss'>{{cell.labelArray.date}}</view>
  184 + <view class='weeksss'>{{cell.labelArray.week}}</view>
179 </view> 185 </view>
180 - <view class='time_quantumsss' wx:for='{{deliverList}}' wx:for-item='cell' wx:for-index='cellindex' wx:key='{{cellindex}}'>  
181 - <view class='time_quantum_leftsss'>  
182 - <view class='time_centersss'>  
183 - <view class='time_calendarsss'>{{cell.labelArray.date}}</view>  
184 - <view class='weeksss'>{{cell.labelArray.week}}</view>  
185 - </view>  
186 - </view>  
187 - <view class='time_quantum_rightsss'>  
188 - <view class='time_quantum_right_itemsss' wx:for='{{cell.children}}' wx:for-item='item' wx:for-index='index' wx:key='{{index}}' bindtap='choose_deliver_time' data-id='{{item.value}}' data-parent='{{cellindex}}' data-index='{{index}}'>  
189 - <view class='time_quantum_right_item_timesss'>{{item.label}}</view>  
190 - <view class='iconfont icon-weixuanzhong icon-weixuanzhongs {{deliverTimeId==item.value?"active":""}}'></view>  
191 - </view>  
192 - </view> 186 + </view>
  187 + <view class='time_quantum_rightsss'>
  188 + <view class='time_quantum_right_itemsss' wx:for='{{cell.children}}' wx:for-item='item' wx:for-index='index' wx:key='{{index}}' bindtap='choose_deliver_time' data-id='{{item.value}}' data-parent='{{cellindex}}' data-index='{{index}}'>
  189 + <view class='time_quantum_right_item_timesss'>{{item.label}}</view>
  190 + <view class='iconfont icon-weixuanzhong icon-weixuanzhongs {{deliverTimeId==item.value?"active":""}}'></view>
193 </view> 191 </view>
194 - </scroll-view> 192 + </view>
  193 + </view>
  194 + </scroll-view>
195 </view> 195 </view>
196 <!-- 选择地址弹框 --> 196 <!-- 选择地址弹框 -->
197 <view class='choose_address' wx:if='{{chooseFlagAddress}}'> 197 <view class='choose_address' wx:if='{{chooseFlagAddress}}'>
198 - <view class='banner'>  
199 - <view class='iconfont icon-fanhui' bindtap='get_mys'> </view>  
200 - <view class='coupons'>我的地址</view> 198 + <view class='banner'>
  199 + <view class='iconfont icon-fanhui' bindtap='get_mys'> </view>
  200 + <view class='coupons'>我的地址</view>
  201 + </view>
  202 + <view class='hint_informations'>
  203 + <view class='hints'>提示</view>
  204 + <view>您需要修改或删除地址到
  205 + <text class='place_names'>个人中心</text> 修改
201 </view> 206 </view>
202 - <view class='hint_informations'>  
203 - <view class='hints'>提示</view>  
204 - <view>您需要修改或删除地址到  
205 - <text class='place_names'>个人中心</text> 修改  
206 - </view> 207 + </view>
  208 + <view class='content_itemaa'>
  209 + <view class='item_listaa' wx:for='{{addressList}}' wx:key="item.id" wx:for-index='index' bindtap='chooseAddress' data-index='{{index}}' data-id='{{item.id}}'>
  210 + <view>
  211 + <view class='addressaa'>{{item.poiname}}{{item.doorplate}}</view>
  212 + <view class='person_informationaa'>{{item.name}}{{item.mobile}}</view>
  213 + </view>
207 </view> 214 </view>
208 - <view class='content_itemaa'>  
209 - <view class='item_listaa' wx:for='{{addressList}}' wx:key="item.id" wx:for-index='index' bindtap='chooseAddress' data-index='{{index}}' data-id='{{item.id}}'>  
210 - <view>  
211 - <view class='addressaa'>{{item.poiname}}{{item.doorplate}}</view>  
212 - <view class='person_informationaa'>{{item.name}}{{item.mobile}}</view>  
213 - </view>  
214 - </view>  
215 215
216 - </view>  
217 - <view class='bottom_btns' bindtap='addAddress'>  
218 - <view class='new_address_btns' bindtap='new_address'>新增收货地址</view>  
219 - </view> 216 + </view>
  217 + <view class='bottom_btns' bindtap='addAddress'>
  218 + <view class='new_address_btns' bindtap='new_address'>新增收货地址</view>
  219 + </view>
220 </view> 220 </view>
@@ -16,17 +16,25 @@ box-sizing: border-box; @@ -16,17 +16,25 @@ box-sizing: border-box;
16 .pages.activity{ 16 .pages.activity{
17 overflow: hidden 17 overflow: hidden
18 } 18 }
  19 +.flex_box {
  20 +width: 100%;
  21 +}
  22 +
  23 +.picker_class {
  24 +width: 100%;
  25 +display: flex;
  26 +justify-content: space-between;
  27 +align-items: center;
  28 +box-sizing: border-box;
  29 +position: relative;
  30 +}
19 .scroll{ 31 .scroll{
20 width: 100%; 32 width: 100%;
21 /* height: calc(100% - 600rpx); */ 33 /* height: calc(100% - 600rpx); */
22 /* padding-bottom:120rpx; */ 34 /* padding-bottom:120rpx; */
23 /* box-sizing: border-box */ 35 /* box-sizing: border-box */
24 } 36 }
25 -.flex_box{  
26 - /* background: red; */  
27 - width: 100%;  
28 - display: flex  
29 -} 37 +
30 .user_guide{ 38 .user_guide{
31 font-size: 28rpx; 39 font-size: 28rpx;
32 color: #222; 40 color: #222;
@@ -101,7 +109,7 @@ box-sizing: border-box; @@ -101,7 +109,7 @@ box-sizing: border-box;
101 font-weight:500; 109 font-weight:500;
102 line-height:42rpx; 110 line-height:42rpx;
103 text-shadow:0px 10rpx 10rpx rgba(0, 0, 0, 0.05); 111 text-shadow:0px 10rpx 10rpx rgba(0, 0, 0, 0.05);
104 - position: relative 112 + position: relative;
105 } 113 }
106 114
107 .shipping_information { 115 .shipping_information {
@@ -111,15 +119,17 @@ box-sizing: border-box; @@ -111,15 +119,17 @@ box-sizing: border-box;
111 .hint { 119 .hint {
112 margin-right: 18rpx; 120 margin-right: 18rpx;
113 color:rgba(255,68,68,1); 121 color:rgba(255,68,68,1);
114 - float: left; 122 + /* float: left; */
  123 + display: inline-block
115 } 124 }
116 .zhanman{ 125 .zhanman{
117 - width: 100%; 126 + /* width: 100%; */
118 height: 100%; 127 height: 100%;
119 - /* background: pink */ 128 + flex: 1;
120 } 129 }
121 .centers{ 130 .centers{
122 - float: left; 131 + /* float: left; */
  132 + display: inline-block;
123 color:rgba(34,34,34,1); 133 color:rgba(34,34,34,1);
124 padding-right:16rpx; 134 padding-right:16rpx;
125 box-sizing: border-box; 135 box-sizing: border-box;
@@ -141,6 +151,8 @@ box-sizing: border-box; @@ -141,6 +151,8 @@ box-sizing: border-box;
141 .add_left{ 151 .add_left{
142 position: absolute; 152 position: absolute;
143 right: 0rpx; 153 right: 0rpx;
  154 + top: 50%;
  155 + transform: translateY(-50%)
144 } 156 }
145 157
146 .icon-time,.icon-position{ 158 .icon-time,.icon-position{