diancan/pages/pay-order/index.wxml

<!--index.wxml-->
<view class="wrap">
	<view class="order_wrap">
		<text class="price"><text class="unit">¥</text>{{ totalPrice }}</text>
		<view class="order_price">账单金额</view>
	</view>
	<view class="payment_wrap">
		<view class="payment_item" bind:tap="changeCard">
			<view class="item_t">
				<view class="item_t_l">
					<image class="item_icon" mode="heightFix" src="/statics/img/icon_dengji.png"></image>
					<view class="item_name">会员卡支付</view>
				</view>
				<view class="item_t_r">
					<!-- <text class="unit"></text> -->
					<view class="price">{{ userMoney > totalPrice ? '-'+ totalPrice : '-'+ userMoney }}</view>
					<van-checkbox value="{{ checkedCard }}" checked-color="#295C56"></van-checkbox>
				</view>
			</view>
			<view class="item_b">
				<text class="wenzi"><text class="label">卡内余额</text>¥{{ userMoney }}</text>
				<text class="wenzi"><text class="label">可用</text>¥{{ userMoney > totalPrice ? totalPrice : userMoney }}</text>
			</view>
		</view>
		<view class="card_list">
			<view class="card_item_w" wx:for="{{ cardList }}" wx:key="index" bind:tap="clickCard" data-id="{{ item.id }}">
				<view class="{{ item.checked ? 'card_item active' : 'card_item' }}">
					<view wx:if="{{ item.type == 2 }}">
						<!-- 年卡 -->
						<view class="card_item_col">
							<view class="card_text">{{ item.price }}元购{{ item.title }}</view>
							<view class="card_send">得</view>
							<view class="card_text">会员</view>
						</view>
					</view>
					<view wx:else>
						<view class="card_item_col">
							<view class="card_text">充值{{ item.price }}元</view>
							<view class="card_send">得</view>
							<view class="card_text">{{ item.priceAddCoupons }}元</view>
						</view>
						<view class="card_item_col desc" wx:if="{{ item.coupon_rule }}">
							<text class="">{{ item.price }}元卡金</text>
							<text class="">+ {{ item.coupon_rule.coupon.price }}元x{{ item.coupon_rule.num }}张券</text>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="payment_item" bind:tap="changeWechat">
			<view class="item_t">
				<view class="item_t_l">
					<image class="item_icon"  mode="heightFix" src="/statics/img/icon_weixin.png"></image>
					<view class="item_name">微信支付</view>
				</view>
				<view class="item_t_r">
					<van-checkbox value="{{ checkedWechat }}" checked-color="#295C56"></van-checkbox>
				</view>
			</view>
		</view>
		<view class="payment_item" wx:if="{{ couponNums && !order_id }}" bind:tap="onShowCoupons">
			<view class="item_t">
				<view class="item_t_l">
					<image class="item_icon" mode="heightFix" src="/statics/img/icon_quan.png"></image>
					<view class="item_name">优惠券</view>
				</view>
				<view class="item_t_r">
					<view class="quan">
						<!-- <text wx:if="{{ checkedCoupon }}">{{ checkedCoupon.type == 3 ? '折扣优惠券' : checkedCoupon.type == 2 ? '金额优惠券' : '满减券'  }}</text> -->
						<text wx:if="{{ checkedCoupon }}">{{ checkedCoupon.type == 3 ? checkedCoupon.discount+'折' : '-'+checkedCoupon.price  }}</text>
						<text wx:else>{{ couponNums }}张可用</text>
					</view>
					<van-icon name="arrow" color="#333333" />
				</view>
			</view>
		</view>
	</view>
	<view class="btn_tijiao" bind:tap="confirmCreateOrder">
		<text class="label">{{ checkedCard ? '会员卡支付' : '微信支付' }}</text>
		<text class="price"><text class="unit">¥</text>{{ totalPrice }}</text>
	</view>
</view>
<!-- 余额不足提醒 -->
<van-overlay z-index="2" class-style="background: rgba(0,0,0,.3);" show="{{ showCashPop }}">
	<view class="cash_pop">
		<view class="cash_pop_t">余额不足充值享更多优惠</view>
		<view class="cash_pop_b">
			<view class="cash_pop_btn" bind:tap="onAddWechat">加微信支付</view>
			<view class="cash_pop_btn recharge" bind:tap="onRecharge">先充值</view>
		</view>
		<!-- <image class="tip_tu" src="/statics/img/fail_tu.png"></image> -->
	</view>
</van-overlay>
<!-- 选择优惠券 -->
<van-overlay z-index="2" class-style="background: rgba(0,0,0,.3);" show="{{ showCoupons }}">	
	<view class="coupon_wrap">
		<view class="coupon_t">
			<view class="coupon_t_l">选择优惠券</view>
			<van-icon name="cross" color="rgba(0,0,0,.36)" bind:tap="onCloseCoupons" />
		</view>
		<scroll-view scroll-y class="coupon_wrap_scroll">
			<view class="coupon_list">
				<van-checkbox-group value="{{ couponIdArr }}" max="{{1}}">
					<van-cell-group>
						<van-cell clickable data-name="{{ item.id }}" wx:for="{{ couponList }}" wx:key="index" bind:click="onClickCoupons" data-item="{{ item }}">
							<view class="coupon_item" style="background-image: url({{ couponBg }})">
								<view class="item_l" wx:if="{{ item.type == 1 }}">
									<view class="price"><text class="unit">¥</text>{{ item.price }}</view>
									<view class="tips">满{{ item.base_price }}元可用</view>
								</view>
								<view class="item_l" wx:if="{{ item.type == 2 }}">
									<view class="price"><text class="unit">¥</text>{{ item.price }}</view>
									<view class="tips">无门槛</view>
								</view>
								<view class="item_l" wx:if="{{ item.type == 3 }}">
									<view class="price">{{ item.discount }}折</view>
								</view>
								<view class="item_r">
									<view class="item_r_l">
										<view class="quan_name">{{ item.type == 3 ? '折扣优惠券' : item.type == 2 ? '金额优惠券' : '满减券' }}</view>
										<view class="quan_time">有效期至{{ item.due_time }}</view>
									</view>
									<van-checkbox slot="right-icon" name="{{ item.id }}" checked-color="#295C56" />
								</view>	
							</view>
						</van-cell>
					</van-cell-group>
				</van-checkbox-group>
			</view>
		</scroll-view>
	</view>
</van-overlay>
<!-- loading -->
<!-- <van-overlay show="{{ loading }}" z-index="100">
	<van-loading custom-class="custom_loading" />
</van-overlay> -->