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