mall-laonong/unpackage/dist/dev/mp-weixin/pages/cart/settlement.wxml

1 line
6.1 KiB
Plaintext

<block wx:if="{{isLoading}}"><view class="pad-x150"><status-nav vue-id="1aba2ad7-1" ifReturn="{{true}}" navBarTitle="确认订单" marginBottom="{{0}}" bind:__l="__l"></status-nav><view class="settlement-content pad-zy20 border-box"><view class="section background-white radius30 mar-x40 pad-all25 border-box font30"><view class="title">收件人信息</view><view data-event-opts="{{[['tap',[['toAddress',['$event']]]]]}}" class="addressee-info mar-s20 flex" bindtap="__e"><block wx:if="{{default_address}}"><view class="txt"><view class="font30 mar-x10">{{default_address.name}}<text>{{default_address.phone}}</text></view><text class="font24 color-8c">{{default_address.province_str+default_address.city_str+default_address.county_str+default_address.address}}</text></view></block><block wx:else><view class="txt"><view class="font30 color-8c" style="line-height:2;">请选择地址</view></view></block><image src="/static/icon/icon-more.png" mode="widthFix"></image></view></view><view class="section background-white radius30 mar-x40 pad-all25 border-box font30"><view class="title">订单信息</view><view class="shop-slide-list"><view class="shop-slide-item"><block wx:for="{{orderShopList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="item border-box background-white flex"><view class="shop-img radius30"><image src="{{item.spu_cover}}" mode="widthFix"></image></view><view class="shop-txt"><view class="shop-txt-top"><view class="title font30 clips1">{{item.goods_name}}</view><view class="specs font24 color-66 mar-sx10 clips2">{{"规格:"+item.sku_name}}</view></view><view class="shop-txt-bottom flex"><view class="price font30 color-red">{{"¥"+item.price}}<text class="font24 color-66">{{"x"+item.num}}</text></view></view></view></view></block></view></view></view><view class="section background-white radius30 mar-x40 pad-all25 border-box font30"><view class="title">优惠选择</view><view class="section-list font30"><block wx:if="{{orderInfo.vip_level>0}}"><view class="item flex"><label data-event-opts="{{[['tap',[['chooseEv',['vip']]]]]}}" class="radio" bindtap="__e"><radio checked="{{vipCheck}}" color="#febf00"></radio><text>会员折扣</text></label><view class="txt flex"><view>{{orderInfo.membership_discount+"折"}}</view><view class="btn"></view></view></view></block><view data-event-opts="{{[['tap',[['toCoupon',['$event']]]]]}}" class="item flex" catchtap="__e"><label data-event-opts="{{[['tap',[['chooseEv',['coupon']]]]]}}" class="radio" catchtap="__e"><radio checked="{{couponCheck}}" color="#febf00" disabled="{{couponList.length?false:true}}"></radio><text>优惠券</text></label><view class="txt flex"><block wx:if="{{couponList.length}}"><view class="color-red">{{'-'+couponList[couponIndex].amount}}</view></block><view class="btn"><image src="/static/icon/icon-join.png" mode="widthFix"></image></view></view></view></view></view><view class="section background-white radius30 mar-x40 pad-all25 border-box font30"><view class="title">积分抵扣</view><view class="section-list font30"><view class="item flex"><label data-event-opts="{{[['tap',[['chooseEv',['score']]]]]}}" class="radio" bindtap="__e"><radio checked="{{scoreCheck}}" color="#febf00" disabled="{{!checkedYes}}"></radio><text>可用积分</text></label><view class="txt flex"><view class="color-66">{{orderInfo.available_score}}</view><view class="btn"></view></view></view></view></view><view class="section background-white radius30 mar-x40 pad-all25 border-box font30"><view class="title">支付方式</view><view class="section-list font30"><view class="item flex"><label class="radio"><radio checked="{{wechatCheck}}" color="#febf00" data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" bindtap="__e"></radio>微信支付</label></view><view class="item flex"><label data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="radio" bindtap="__e"><radio checked="{{priceCheck}}" color="#febf00" disabled="{{orderInfo.available_balance>0?false:true}}"></radio><text>余额支付</text></label><view class="txt flex"><view class="color-66">{{$root.m0>0?orderInfo.available_balance:0}}</view><view class="btn"></view></view></view></view></view></view><view class="pull-footer-bg background-white pad-all20 radius30 border-box"><view class="pull-footer background-grey radius30 pad-all20 border-box flex"><view class="price color-ff" style="margin-left:24rpx;"><view class="font36 flex">合计:<block wx:if="{{totalPrice>0}}"><text>¥</text></block>{{totalPrice}}</view><block wx:if="{{discountPrice>0}}"><text class="font26">{{"总优惠:¥"+discountPrice}}</text></block></view><view data-event-opts="{{[['tap',[['submitEv',['$event']]]]]}}" class="btn font36 color-48 background-orange radius30 flex" bindtap="__e">立即支付</view></view></view><view hidden="{{!(isCoupon)}}" class="pull-bg" style="background-color:rgba(0,0,0,.3);"></view><view hidden="{{!(isCoupon)}}" class="coupon-box border-box background-white"><view class="title font36 background-white pad-sx25">优惠券选择</view><scroll-view class="coupon-scoll" scroll-y="true"><view class="coupon-list pad-zy20 border-box"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['changeCoupon',[index]]]]]}}" class="coupon-item radius30 mar-s40 flex" bindtap="__e"><view class="price color-ff border-box"><text class="font30">¥</text>{{item.g0[0]}}<text class="font30">{{'.'+item.g1[1]}}</text></view><view class="txt"><view class="font36">{{item.$orig.name}}</view><view class="font24 color-8c mar-s10">{{"满"+item.m1+"减"+item.m2}}</view><view class="font24 color-8c mar-s10">{{item.$orig.begin_at+"至"+item.$orig.end_at}}</view></view><block wx:if="{{index==couponIndex}}"><view class="btn mar-zy20 color-ff font24">已选择</view></block></view></block></view></scroll-view><view class="coupon-btns border-box pad-zy20 color-48 mar-sx30 flex"><view data-event-opts="{{[['tap',[['useCoupon',['$event']]]]]}}" class="btn font36 radius30 background-orange" bindtap="__e">确认使用</view><view data-event-opts="{{[['tap',[['closeCoupon',['$event']]]]]}}" class="btn font36 radius30" style="background-color:#e9e9e9;" bindtap="__e">取消选择</view></view></view></view></block>