提交
This commit is contained in:
@ -1,12 +0,0 @@
|
||||
{
|
||||
"navigationBarTitleText": "支付订单",
|
||||
"usingComponents": {
|
||||
"price-format": "/components/price-format/price-format",
|
||||
"u-count-down": "/components/uview-ui/components/u-count-down/u-count-down",
|
||||
"u-radio-group": "/components/uview-ui/components/u-radio-group/u-radio-group",
|
||||
"u-image": "/components/uview-ui/components/u-image/u-image",
|
||||
"u-radio": "/components/uview-ui/components/u-radio/u-radio",
|
||||
"u-loading": "/components/uview-ui/components/u-loading/u-loading",
|
||||
"u-skeleton": "/components/uview-ui/components/u-skeleton/u-skeleton"
|
||||
}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="payment-pages"><view class="payment u-skeleton"><view class="payment-header"><price-format class="u-skeleton-fillet" vue-id="60968672-1" subscript-size="{{40}}" first-size="{{56}}" second-size="{{40}}" price="{{amount}}" weight="{{500}}" bind:__l="__l"></price-format><block wx:if="{{timeout>0}}"><view class="payment-count-down"><text>支付剩余时间</text><u-count-down vue-id="60968672-2" timestamp="{{timeout}}" font-size="{{22}}" bind:__l="__l"></u-count-down></view></block></view><view class="payment-main"><view class="payway-container u-skeleton-fillet"><u-radio-group bind:input="__e" style="width:100%;" vue-id="60968672-3" value="{{payway}}" data-event-opts="{{[['^input',[['__set_model',['','payway','$event',[]]]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><view class="payway"><block wx:for="{{paywayList}}" wx:for-item="item" wx:for-index="index" wx:key="id"><view data-event-opts="{{[['tap',[['changePayway',['$0'],[[['paywayList','id',item.id,'pay_way']]]]]]]}}" class="payway-item" bindtap="__e"><u-image vue-id="{{('60968672-4-'+index)+','+('60968672-3')}}" src="{{item.icon}}" width="48" height="48" mode="scaleToFill" bind:__l="__l"></u-image><view class="payway-item-content"><text class="payway-item-content-name">{{item.name}}</text><text class="payway-item-content-tips">{{item.extra}}</text></view><u-radio vue-id="{{('60968672-5-'+index)+','+('60968672-3')}}" shape="circle" name="{{item.pay_way}}" active-color="{{themeColor}}" bind:__l="__l"></u-radio></view></block></view></u-radio-group><block wx:if="{{!$root.g0}}"><view class="payway-empty">暂无支付方式</view></block></view></view><view class="payment-footer u-skeleton-fillet"><view data-event-opts="{{[['tap',[['handlePrepay',['$event']]]]]}}" class="{{['payment-submit',[(loadingPay)?'payment-submit--disabled':'']]}}" bindtap="__e"><u-loading vue-id="60968672-6" mode="circle" show="{{loadingPay}}" bind:__l="__l"></u-loading><text hidden="{{!(!loadingPay)}}">立即支付</text></view></view></view><u-skeleton vue-id="60968672-7" loading="{{loadingSkeleton}}" animation="{{true}}" bgColor="#FFF" bind:__l="__l"></u-skeleton></view>
|
||||
@ -1,122 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
page {
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
.payment-pages {
|
||||
height: 100%;
|
||||
}
|
||||
.payment-pages .payment {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: calc(100% - env(safe-area-inset-bottom));
|
||||
}
|
||||
.payment-pages .payment-header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 300rpx;
|
||||
background: linear-gradient(270deg, #355883 0%, #254062 100%);
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.payment-pages .payment-main {
|
||||
flex: 1;
|
||||
margin-top: -40rpx;
|
||||
padding: 0 20rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
.payment-pages .payment-footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100rpx;
|
||||
padding: 0 20rpx;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.payment-pages .payment .payway-container {
|
||||
padding: 0 20rpx;
|
||||
border-radius: 7px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.payment-pages .payment .payway-container .payway-empty {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 20rpx 0;
|
||||
font-size: 26rpx;
|
||||
color: #999999;
|
||||
}
|
||||
.payment-pages .payment .payway {
|
||||
width: 100%;
|
||||
}
|
||||
.payment-pages .payment .payway-item {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 120rpx;
|
||||
}
|
||||
.payment-pages .payment .payway-item:nth-child(n+2) {
|
||||
border-top: 1px dashed #E5E5E5;
|
||||
}
|
||||
.payment-pages .payment .payway-item-content {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-left: 16rpx;
|
||||
}
|
||||
.payment-pages .payment .payway-item-content-name {
|
||||
font-size: 28rpx;
|
||||
color: #101010;
|
||||
}
|
||||
.payment-pages .payment .payway-item-content-tips {
|
||||
font-size: 22rpx;
|
||||
color: #999999;
|
||||
}
|
||||
.payment-pages .payment-count-down {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 7rpx 25rpx;
|
||||
border-radius: 60px;
|
||||
margin-top: 10rpx;
|
||||
font-size: 22rpx;
|
||||
background-color: #FFFFFF;
|
||||
color: #333333;
|
||||
}
|
||||
.payment-pages .payment-submit {
|
||||
flex: 1;
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 74rpx;
|
||||
font-size: 28rpx;
|
||||
border-radius: 60px;
|
||||
background: linear-gradient(270deg, #355883 0%, #254062 100%);
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.payment-pages .payment-submit--disabled::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
display: block;
|
||||
content: "";
|
||||
background: rgba(255, 255, 255, 0.3) !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user