init
This commit is contained in:
10
components/payment/payment.js
Normal file
10
components/payment/payment.js
Normal file
File diff suppressed because one or more lines are too long
7
components/payment/payment.json
Normal file
7
components/payment/payment.json
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"uni-popup": "/components/uni-popup/uni-popup",
|
||||
"ns-switch": "/components/ns-switch/ns-switch"
|
||||
}
|
||||
}
|
||||
1
components/payment/payment.wxml
Normal file
1
components/payment/payment.wxml
Normal file
@@ -0,0 +1 @@
|
||||
<view class="data-v-4a6d1383"><block wx:if="{{payInfo}}"><uni-popup vue-id="489a2b34-1" type="center" mask-click="{{false}}" data-ref="choosePaymentPopup" class="data-v-4a6d1383 vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view data-event-opts="{{[['touchmove',[['',['$event']]]]]}}" class="choose-payment-popup popup data-v-4a6d1383" catchtouchmove="__e"><view class="popup-header data-v-4a6d1383"><text class="tit data-v-4a6d1383">支付方式</text><text data-event-opts="{{[['tap',[['close']]]]}}" class="iconfont icon-close data-v-4a6d1383" bindtap="__e"></text></view><scroll-view class="popup-body data-v-4a6d1383" scroll-y="true"><view class="pay-money data-v-4a6d1383"><text class="money data-v-4a6d1383">{{"支付金额"+$root.f0+"元"}}</text></view><block wx:if="{{balanceDeduct>0&&balanceUsable&&balanceConfig==1}}"><view class="payment-item data-v-4a6d1383"><view class="iconfont icon-yue data-v-4a6d1383"></view><view class="info-wrap data-v-4a6d1383"><text class="name data-v-4a6d1383">余额支付</text><view class="money data-v-4a6d1383">{{"可用¥"+$root.f1}}</view></view><ns-switch class="balance-switch data-v-4a6d1383" vue-id="{{('489a2b34-2')+','+('489a2b34-1')}}" checked="{{isBalance==1}}" data-event-opts="{{[['^change',[['useBalance']]]]}}" bind:change="__e" bind:__l="__l"></ns-switch></view></block><block wx:if="{{payMoney>0}}"><block class="data-v-4a6d1383"><block wx:if="{{$root.g0}}"><block class="data-v-4a6d1383"><block wx:for="{{payTypeList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" data-event-params="{{({index})}}" class="payment-item data-v-4a6d1383" bindtap="__e"><view class="{{['iconfont','data-v-4a6d1383',item.icon]}}"></view><text class="name data-v-4a6d1383">{{item.name}}</text><text class="{{['iconfont','data-v-4a6d1383',payIndex==index?'icon-yuan_checked color-base-text':'icon-checkboxblank']}}"></text></view></block></block></block><block wx:else><block class="data-v-4a6d1383"><view class="empty data-v-4a6d1383">平台尚未配置支付方式!</view></block></block></block></block></scroll-view><view class="popup-footer data-v-4a6d1383"><view data-event-opts="{{[['tap',[['confirm']]]]}}" class="confirm-btn color-base-bg data-v-4a6d1383" bindtap="__e">确认支付</view></view></view></uni-popup></block></view>
|
||||
1
components/payment/payment.wxss
Normal file
1
components/payment/payment.wxss
Normal file
@@ -0,0 +1 @@
|
||||
.popup.data-v-4a6d1383{width:75vw;background:#fff;border-top-left-radius:10rpx;border-top-right-radius:10rpx}.popup .popup-header.data-v-4a6d1383{display:flex;border-bottom:2rpx solid #eee;position:relative;padding:40rpx}.popup .popup-header .tit.data-v-4a6d1383{flex:1;font-size:32rpx;line-height:1;text-align:center}.popup .popup-header .iconfont.data-v-4a6d1383{line-height:1;position:absolute;right:30rpx;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#909399;font-size:32rpx}.popup .popup-body.data-v-4a6d1383{height:calc(100% - 250rpx)}.popup .popup-body.safe-area.data-v-4a6d1383{height:calc(100% - 270rpx)}.popup .popup-footer.data-v-4a6d1383{height:100rpx}.popup .popup-footer .confirm-btn.data-v-4a6d1383{height:72rpx;line-height:72rpx;color:#fff;text-align:center;margin:20rpx 30rpx 0;border-radius:10rpx}.popup .popup-footer.bottom-safe-area.data-v-4a6d1383{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.choose-payment-popup .payment-item.data-v-4a6d1383{display:flex;align-items:center;justify-content:space-between;height:90rpx;margin:0 30rpx;border-bottom:2rpx solid #eee;padding:20rpx 0}.choose-payment-popup .payment-item.data-v-4a6d1383:nth-child(2){padding-top:0}.choose-payment-popup .payment-item.data-v-4a6d1383:last-child{border-bottom:none}.choose-payment-popup .payment-item .iconfont.data-v-4a6d1383{font-size:64rpx}.choose-payment-popup .payment-item .icon-yue.data-v-4a6d1383{color:#faa218}.choose-payment-popup .payment-item .icon-weixin1.data-v-4a6d1383{color:#24af41}.choose-payment-popup .payment-item .icon-zhifubaozhifu-.data-v-4a6d1383{color:#00a0e9}.choose-payment-popup .payment-item .icon-checkboxblank.data-v-4a6d1383{font-size:40rpx;color:#eee}.choose-payment-popup .payment-item .icon-yuan_checked.data-v-4a6d1383{font-size:40rpx}.choose-payment-popup .payment-item .name.data-v-4a6d1383{margin-left:20rpx;font-size:28rpx;flex:1}.choose-payment-popup .payment-item .info-wrap.data-v-4a6d1383{flex:1;margin-left:20rpx}.choose-payment-popup .payment-item .info-wrap .name.data-v-4a6d1383{margin-left:0;font-size:28rpx;flex:1}.choose-payment-popup .payment-item .info-wrap .money.data-v-4a6d1383{color:#909399;font-size:24rpx}.choose-payment-popup .payment-item .box.data-v-4a6d1383{flex:1;padding:0 10rpx;line-height:inherit;text-align:right}.choose-payment-popup .payment-item .box input.data-v-4a6d1383{font-size:24rpx!important}.choose-payment-popup .payment-item.set-pay-password.data-v-4a6d1383{height:auto}.choose-payment-popup .payment-item.set-pay-password .box.data-v-4a6d1383{font-size:24rpx!important}.choose-payment-popup .pay-money.data-v-4a6d1383{text-align:center;padding:20rpx 0 40rpx 0;background-color:#fff;font-weight:700;margin-top:30rpx;line-height:1}.choose-payment-popup .pay-money .unit.data-v-4a6d1383{margin-right:4rpx;font-size:24rpx}.choose-payment-popup .pay-money .money.data-v-4a6d1383{font-size:32rpx}.empty.data-v-4a6d1383{width:100%;text-align:center;padding:40rpx 0;color:#606266;font-size:24rpx}
|
||||
Reference in New Issue
Block a user