提交
This commit is contained in:
@ -1,13 +0,0 @@
|
||||
{
|
||||
"navigationBarTitleText": "充值余额",
|
||||
"navigationStyle": "custom",
|
||||
"usingComponents": {
|
||||
"u-sticky": "/components/uview-ui/components/u-sticky/u-sticky",
|
||||
"u-navbar": "/components/uview-ui/components/u-navbar/u-navbar",
|
||||
"u-input": "/components/uview-ui/components/u-input/u-input",
|
||||
"price-format": "/components/price-format/price-format",
|
||||
"u-button": "/components/uview-ui/components/u-button/u-button",
|
||||
"u-popup": "/components/uview-ui/components/u-popup/u-popup",
|
||||
"loading-view": "/components/loading-view/loading-view"
|
||||
}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="index home-bg" style="{{$root.s0}}"><u-sticky vue-id="52e688b9-1" offset-top="0" h5-nav-height="0" bg-color="transparent" enable="{{true}}" bind:__l="__l" vue-slots="{{['default']}}"><u-navbar vue-id="{{('52e688b9-2')+','+('52e688b9-1')}}" border-bottom="{{false}}" is-fixed="{{false}}" custom-class="home-bg" background="{{navBackground}}" is-back="{{true}}" backText=" " title="{{title}}" title-color="#fff" backIconColor="#fff" bind:__l="__l"></u-navbar></u-sticky><view class="row-center balance" style="{{'padding-top:'+(topSpace+'px')+';'}}"><view class="u-text-center w-full"><view class="text-fff" style="font-size:96rpx;">{{userInfo.user_money}}</view><view class="text-fff nr">充值余额</view></view></view><view class="content u-relative u-m-l-32 u-m-r-32" style="margin-top:132rpx;"><view class="input row-center br16"><view class="input-money"><u-input bind:input="__e" vue-id="52e688b9-3" placeholder="输入金额: 0" placeholder-style="color: #254062;" custom-style="{{({backgroundColor:'transparent'})}}" input-align="center" value="{{number}}" data-event-opts="{{[['^input',[['__set_model',['','number','$event',[]]]]]]}}" bind:__l="__l"></u-input></view></view><block wx:if="{{$root.g0>0}}"><view class="u-m-t-38"><view class="sm u-m-b-20 bold-400">选择充值套餐</view><view class="grid-container"><block wx:for="{{rechargeTemplate}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['rechargeFun',[['o',['id',item.id]]]]]]]}}" class="item active" bindtap="__e"><view class="xs text-666">充值</view><view class="text-333 md u-m-t-4">{{"￥"+item.money}}</view><view class="text-666 xxs u-m-t-2">{{"赠送"+item.give_money+"元"}}</view></view></block></view></view></block><view class="u-m-t-56"><view class="sm u-m-b-20 bold-400">加赠券 价值10元</view><view class="grid-container u-m-t-18"><view class="coupon u-text-center"><view class="sm text-666">赠券1张</view><view class="text-333 md u-m-t-28"><price-format vue-id="52e688b9-4" color="#FF0000" price="{{10}}" subscriptSize="{{22}}" firstSize="{{52}}" bind:__l="__l"></price-format></view><view class="text-666 sm u-m-t-30">满10元可用</view></view></view></view><view class="u-m-t-70 u-p-10"><view class="sm u-m-b-20 bold-400">充值说明</view><view class="text-999">1. 账户充值仅限在线方式支付，充值金额实时到账；</view><view class="text-999">2. 有问题请联系客服；</view></view><view class="u-m-t-42 u-p-b-20"><u-button vue-id="52e688b9-5" hover-class="none" customStyle="{{({height:'76rpx',backgroundColor:themeColor,color:'#fff',border:'none',borderRadius:'100rpx'})}}" hair-line="{{false}}" data-event-opts="{{[['^click',[['rechargeNow']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">立即充值</u-button></view></view><u-popup bind:input="__e" class="pay-popup" vue-id="52e688b9-6" closeable="{{true}}" round="{{true}}" mode="center" value="{{showPopup}}" data-event-opts="{{[['^input',[['__set_model',['','showPopup','$event',[]]]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><view class="content bg-white"><image class="img-icon" src="{{cloudPath+'img/icon_paySuccess.png'}}"></image><view class="xxl bold mt10">充值成功</view><block wx:if="{{rechargeInfo.give_integral||rechargeInfo.give_growth}}"><view class="lg u-mt-50">恭喜您获得<text><block wx:if="{{rechargeInfo.give_integral}}"><text class="primary">{{rechargeInfo.give_integral}}</text></block>积分</text><block wx:if="{{rechargeInfo.give_growth}}"><text>+<text class="primary">{{rechargeInfo.give_growth}}</text>成长值</text></block></view></block><u-button class="btn" vue-id="{{('52e688b9-7')+','+('52e688b9-6')}}" hover-class="none" customStyle="{{({backgroundColor:themeColor,color:'#fff',border:'none',borderRadius:'60rpx'})}}" hair-line="{{false}}" data-event-opts="{{[['^tap',[['onShowPopup']]]]}}" bind:tap="__e" bind:__l="__l" vue-slots="{{['default']}}">好的</u-button></view></u-popup><block wx:if="{{showLoading}}"><loading-view vue-id="52e688b9-8" id="van-toast" backgroundColor="rgba(0, 0, 0, 0)" bind:__l="__l"></loading-view></block></view>
|
||||
@ -1,75 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
page {
|
||||
background-color: #fff;
|
||||
}
|
||||
.index {
|
||||
background-size: 100% auto;
|
||||
}
|
||||
.home-bg {
|
||||
background: url(http://jianbing-media.stnav.com/frontend/img/icon_recharge_bg.png) no-repeat;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
.input {
|
||||
height: 124rpx;
|
||||
background: #D3E0F1;
|
||||
border: 2rpx solid #254062;
|
||||
}
|
||||
.input-money {
|
||||
width: 180rpx;
|
||||
}
|
||||
.item {
|
||||
width: 209rpx;
|
||||
height: 155rpx;
|
||||
background: #F5F5F5;
|
||||
border: 1rpx solid #F5F5F5;
|
||||
border-radius: 12rpx 12rpx 12rpx 12rpx;
|
||||
padding: 20rpx 20rpx 12rpx 20rpx;
|
||||
}
|
||||
.active {
|
||||
background: #F3F8FF;
|
||||
border: 1rpx solid #254062;
|
||||
}
|
||||
.grid-container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 32rpx;
|
||||
}
|
||||
.coupon {
|
||||
width: 207rpx;
|
||||
height: 196rpx;
|
||||
background: url(http://jianbing-media.stnav.com/frontend/img/coupon_bg1.png) no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.coupon > view:first-child {
|
||||
color: #845F2E;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
.pay-popup .content {
|
||||
padding: 40rpx 0;
|
||||
text-align: center;
|
||||
width: 560rpx;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
.pay-popup .img-icon {
|
||||
width: 168rpx;
|
||||
height: 168rpx;
|
||||
display: inline-block;
|
||||
}
|
||||
.pay-popup .btn {
|
||||
margin: 80rpx 60rpx 0;
|
||||
}
|
||||
|
||||
@ -1,9 +0,0 @@
|
||||
{
|
||||
"navigationBarTitleText": "充值",
|
||||
"usingComponents": {
|
||||
"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-button": "/components/uview-ui/components/u-button/u-button"
|
||||
}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view><view class="bg-white u-m-32 u-p-32 br16 block"><view class="nr">充值金额</view><view class="u-m-t-16"><text class="price">{{amount}}</text><text class="bold-400 nr u-m-l-16">元</text></view><view class="u-m-t-32 xs"><text class="recharge">充值金额：</text><text>{{amount+"元"}}</text></view></view><view class="bg-white u-m-32 u-p-32 br16 block payment"><view class="nr">选择支付方式</view><view class="payment-main"><view class="payway-container u-skeleton-fillet"><u-radio-group bind:input="__e" style="width:100%;" vue-id="55994940-1" 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="{{('55994940-2-'+index)+','+('55994940-1')}}" 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="{{('55994940-3-'+index)+','+('55994940-1')}}" 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><view class="fixed left-0 right-0 bottom-0 u-m-64"><u-button vue-id="55994940-4" hover-class="none" customStyle="{{({height:'76rpx',backgroundColor:themeColor,color:'#fff',border:'none',borderRadius:'100rpx'})}}" hair-line="{{false}}" data-event-opts="{{[['^click',[['handlePrepay']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">立即支付</u-button></view></view>
|
||||
@ -1,124 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.block {
|
||||
box-shadow: 0rpx 10rpx 10rpx -6rpx rgba(0, 0, 0, 0.1), 0rpx 16rpx 20rpx 2rpx rgba(0, 0, 0, 0.06), 0rpx 6rpx 28rpx 4rpx rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.price {
|
||||
font-size: 48rpx;
|
||||
}
|
||||
.unit {
|
||||
color: #1f1f1f;
|
||||
}
|
||||
.recharge {
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.payment {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: calc(100% - env(safe-area-inset-bottom));
|
||||
}
|
||||
.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-main {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
.payment-footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100rpx;
|
||||
padding: 0 20rpx;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.payment .payway-container {
|
||||
border-radius: 7px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.payment .payway-container .payway-empty {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 20rpx 0;
|
||||
font-size: 26rpx;
|
||||
color: #999999;
|
||||
}
|
||||
.payment .payway {
|
||||
width: 100%;
|
||||
}
|
||||
.payment .payway-item {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 120rpx;
|
||||
}
|
||||
.payment .payway-item:nth-child(n+2) {
|
||||
border-top: 1px dashed #E5E5E5;
|
||||
}
|
||||
.payment .payway-item-content {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-left: 16rpx;
|
||||
}
|
||||
.payment .payway-item-content-name {
|
||||
font-size: 28rpx;
|
||||
color: #101010;
|
||||
}
|
||||
.payment .payway-item-content-tips {
|
||||
font-size: 22rpx;
|
||||
color: #999999;
|
||||
}
|
||||
.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-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-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;
|
||||
}
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
{
|
||||
"navigationBarTitleText": "充值记录",
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="recharge-code"><view class="list"><mescroll-body class="vue-ref" vue-id="7cf22236-1" up="{{upOption}}" data-ref="mescrollRef" data-event-opts="{{[['^init',[['mescrollInit']]],['^up',[['upCallback']]],['^down',[['downCallback']]]]}}" bind:init="__e" bind:up="__e" bind:down="__e" bind:__l="__l" vue-slots="{{['default']}}"><view class="p-t-20"><block wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="bg-white item"><view class="row-between"><view class="black mb10">{{item.desc}}</view><view class="xl primary">{{"+"+item.total}}</view></view><view class="xs muted">{{item.create_time}}</view></view></block></view></mescroll-body></view></view>
|
||||
@ -1,22 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.recharge-code .list .item {
|
||||
padding: 20rpx 30rpx;
|
||||
}
|
||||
.recharge-code .list .item:not(:last-of-type) {
|
||||
border-bottom: 1px solid #E5E5E5;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user