app-payment.wxml 4.9 KB

1
  1. <view class="{{['app-payment','main-center','cross-center','data-v-7a6e418a',showPayment?'show':'']}}"><block wx:if="{{payData}}"><view class="modal data-v-7a6e418a"><view class="title data-v-7a6e418a"><view class="data-v-7a6e418a">支付方式</view><view data-event-opts="{{[['tap',[['cancel',['$event']]]]]}}" class="cancel data-v-7a6e418a" bindtap="__e"><image src="/static/image/icon/close.png" class="data-v-7a6e418a"></image></view></view><view class="pay-amount data-v-7a6e418a">{{"支付金额 "+payData.amount+" 元"}}</view><view class="pay-type-list data-v-7a6e418a"><block wx:for="{{payData.list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['checkPayType',[index]]]]]}}" class="pay-type-item cross-center data-v-7a6e418a" bindtap="__e"><view class="box-grow-0 data-v-7a6e418a"><image class="pay-type-icon data-v-7a6e418a" src="{{item.icon}}"></image></view><view class="box-grow-1 data-v-7a6e418a"><view class="pay-type-name data-v-7a6e418a">{{item.name}}</view><block wx:if="{{item.desc}}"><view class="pay-type-desc data-v-7a6e418a">{{item.desc}}</view></block></view><view class="box-grow-0 data-v-7a6e418a"><block wx:if="{{item.key==='balance'&&item.desc==='账户余额不足'}}"><view data-event-opts="{{[['tap',[['navPay',['$event']]]]]}}" style="height:26rpx;width:113rpx;" catchtap="__e" class="data-v-7a6e418a"><image style="height:100%;width:100%;" load-lazy="true" src="/static/image/pay-td.png" class="data-v-7a6e418a"></image></view></block><block wx:else><block wx:if="{{item.checked}}"><app-radio bind:input="__e" vue-id="{{'449a610e-1-'+index}}" theme="{{getTheme}}" type="round" value="{{item.checked}}" data-event-opts="{{[['^input',[['__set_model',['$0','checked','$event',[]],[[['payData.list','',index]]]]]]]}}" class="data-v-7a6e418a" bind:__l="__l"></app-radio></block></block></view><block wx:if="{{printPassword&&item.key==='balance'}}"><view class="into-modal main-center cross-center data-v-7a6e418a"><block wx:if="{{item.is_pay_password==0&&!setPassword}}"><view class="password-tip data-v-7a6e418a"><view class="password-content dir-top-nowrap main-center cross-center data-v-7a6e418a"><view class="data-v-7a6e418a">您的账户尚未设置余额支付密码</view><view class="data-v-7a6e418a">是否立即设置?</view></view><view class="password-btn main-center cross-center data-v-7a6e418a"><view data-event-opts="{{[['tap',[['payByBalance',['$event']]]]]}}" bindtap="__e" class="data-v-7a6e418a">暂不设置</view><view class="line data-v-7a6e418a"></view><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" style="{{'color:'+(getTheme.color)+';'}}" bindtap="__e" class="data-v-7a6e418a">确认</view></view></view></block><block wx:else><block wx:if="{{printPassword}}"><view class="password-view data-v-7a6e418a"><image class="password-close data-v-7a6e418a" src="/static/image/icon/icon-close.png" data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" bindtap="__e"></image><view class="password-title data-v-7a6e418a">{{"请"+(verifyPassword?'确认':'输入')+"余额支付密码"}}</view><input style="top:0;right:400%;" type="number" focus="{{getFocus}}" data-event-opts="{{[['input',[['__set_model',['','password','$event',[]]],['passwordInput',['$event']]]],['blur',[['e2',['$event']]]]]}}" value="{{password}}" bindinput="__e" bindblur="__e" class="data-v-7a6e418a"/><view data-event-opts="{{[['tap',[['getInputFocus',['$event']]]]]}}" class="passoword-input main-center cross-center data-v-7a6e418a" bindtap="__e"><view class="password-item main-center cross-center data-v-7a6e418a"><block wx:if="{{password.length>0}}"><view class="password-placeholder data-v-7a6e418a"></view></block></view><view class="password-item main-center cross-center data-v-7a6e418a"><block wx:if="{{password.length>1}}"><view class="password-placeholder data-v-7a6e418a"></view></block></view><view class="password-item main-center cross-center data-v-7a6e418a"><block wx:if="{{password.length>2}}"><view class="password-placeholder data-v-7a6e418a"></view></block></view><view class="password-item main-center cross-center data-v-7a6e418a"><block wx:if="{{password.length>3}}"><view class="password-placeholder data-v-7a6e418a"></view></block></view><view class="password-item main-center cross-center data-v-7a6e418a"><block wx:if="{{password.length>4}}"><view class="password-placeholder data-v-7a6e418a"></view></block></view><view class="password-item main-center cross-center data-v-7a6e418a"><block wx:if="{{password.length>5}}"><view class="password-placeholder data-v-7a6e418a"></view></block></view></view></view></block></block></view></block></view></block></view><view class="footer data-v-7a6e418a"><app-button vue-id="449a610e-2" type="important" theme="{{getTheme}}" round="{{true}}" data-event-opts="{{[['^click',[['confirm']]]]}}" bind:click="__e" class="data-v-7a6e418a" bind:__l="__l" vue-slots="{{['default']}}">提交订单</app-button></view></view></block></view>