Skip to content

X
xzf_uniapp-wechat-web
Commit 62431565 authored by 袁玲利's avatar 袁玲利
Browse files
Options

充值界面修改

parent c07bfe8f
Show whitespace changes
Inline Side-by-side
Showing with 2110 additions and 1583 deletions
src/pages/BankModule/Recharge/Recharge.vue
View file @ 62431565
......@@ -35,7 +35,7 @@
</view>
</view>
</view>
<view class="contentBox" v-if="!depotMoneyother">
<view class="contentBox" style="display: none;" v-if="!depotMoneyother">
<!-- <image mode='widthFix' src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"></image> -->
<view class="contentDiv">
<view class="headview">
......@@ -116,8 +116,20 @@
</view>
<!-- 充值其它金额 -->
<view class="moneyWrapper">
<view class="moneyItem" @click="depotMoney(item.value, index)"
v-bind:class="MoneyIndex == index ? 'active' : ''" :data-money="item.value || 0"
v-for="(item, index) in MoneyList" :key="index">
<view> {{ item.value }}</view>
<view> {{ item.lable }}</view>
</view>
<view class="other">
<input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="其他金额，最低3元"
placeholder-class="placeholderinputOtherM" type="text" maxlength="6" />
</view>
</view>
<!-- <view class="OtherMoney" v-if="isOtherMoney"> -->
<view class="OtherMoney">
<view class="OtherMoney" style="display: none;">
<span>￥</span>
<input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="请输入其他金额，最低3元"
placeholder-class="placeholderinputOtherM" type="text" maxlength="6" />
......@@ -293,6 +305,15 @@
name: "Recharge",
data() {
return {
showPopover: false,
// 通过 actions 属性来定义菜单选项
actions: [{
text: "复制卡号"
}, {
text: "账户明细"
}, {
text: "常见问题"
}],
popshow: false,
// 输入其它金额
isOtherMoney: false,
......@@ -380,6 +401,17 @@
}
},
methods: {
onSelect(action) {
if (action.text == "复制卡号") {
this.CopyCardNumber();
} else if (action.text == "账户明细") {
this.BackToMini('purchaseDetail');
} else if (action.text == "常见问题") {
uni.navigateTo({
url: `../../commonProblem/commonProblem`
})
}
},
async beforeQuerySignStatus() {
await this.QueryUserInfo();
// 渤海银行要判断是否有代扣签约
......@@ -1484,6 +1516,74 @@
text-align: center;
}
.moneyWrapper {
margin-top: 10rpx;
width: 100%;
display: flex;
flex-wrap: wrap;
.moneyItem {
width: 210rpx;
height: 120rpx;
background: #f8f8f8;
border-radius: 12rpx;
display: flex;
justify-content: center;
margin-right: 18rpx;
font-family: PingFangSC-Medium, PingFang SC;
margin-bottom: 24rpx;
view {
align-self: center;
color: #333333;
}
view:first-child {
font-size: 40rpx;
font-weight: 500;
}
view:last-child {
font-size: 30rpx;
}
}
.moneyItem:nth-child(3n) {
margin-right: 0;
}
.active {
border: 3rpx solid #04b871;
view {
color: #04b871;
}
}
.other {
width: 444rpx;
height: 120rpx;
line-height: 120rpx;
text-align: center;
background: #f8f8f8;
border-radius: 12rpx;
/deep/.uni-input-wrapper {
position: absolute;
width: 444rpx;
height: 120rpx;
font-size: 40rpx;
font-weight: 500;
color: #333333;
}
/deep/.uni-input-input {
height: 120rpx;
line-height: 120rpx;
}
}
}
.MoneyBox {
flex-wrap: wrap;
height: auto;
......@@ -1665,6 +1765,7 @@
color: #ffffff;
line-height: 92rpx;
}
.service {
margin-top: 118rpx;
width: 100%;
......
src/pages/IcbcModule/Recharge/Recharge.vue
View file @ 62431565
......@@ -89,7 +89,7 @@
}}</span>
</view>
</view>
<view class="moneyWrapper" style="display: none;">
<view class="moneyWrapper">
<view class="moneyItem" @click="depotMoney(item.value, index)"
v-bind:class="MoneyIndex == index ? 'active' : ''" :data-money="item.value || 0"
v-for="(item, index) in MoneyList" :key="index">
......
src/pages/assignDeposit/assignDeposit.vue
View file @ 62431565
<template>
<view class="container">
<view class="contentBox" v-if="!depotMoneyother">
<view class="userInfoBox">
<view class="firstLine">
<view class="avatar">
<image :src="ImgUrl + 'user/personAva.png'" alt=""></image>
</view>
<view class="name">张三</view>
<view v-if="PersonalInfo.usertype=='1'">高一(63班)</view>
<view v-else>教职工</view>
</view>
<view class="secondLine">{{PersonalInfo.schoolname}}</view>
</view>
<view class="contentWrapper" v-if="!depotMoneyother">
<view class="balanceWrapper">
<view class="firstLine">
<view class="left">
<view>可用余额(元) </view>
<view>{{ cardBalanceTx }}</view>
</view>
<view class="right">
<van-popover v-model="showPopover" trigger="click" :actions="actions" placement="bottom-end"
@select="onSelect">
<template #reference>
<image class="icon" :src="ImgUrl + 'user/more.png'" alt=""></image>
</template>
</van-popover>
</view>
</view>
<view class="lastLine">
<view>**** **** **** 5947</view>
<view class="right" @click="ToWalletTx">
<!-- <image class="btn" :src="ImgUrl + 'user/cashBtn.png'" alt=""></image> -->
提现
</view>
</view>
</view>
</view>
<view class="contentBox" style="display: none;" v-if="!depotMoneyother">
<!-- <image mode='widthFix' src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"></image> -->
<view class="contentDiv">
<view class="headview">
......@@ -28,7 +64,21 @@
</view>
</view>
<!-- -->
<view class="MoneyBox">
<view class="moneyWrapper">
<view class="moneyItem" @click="depotMoney(item.value, index)"
v-bind:class="MoneyIndex == index ? 'active' : ''" :data-money="item.value || 0"
v-for="(item, index) in MoneyList" :key="index">
<view> {{ item.value }}</view>
<view> {{ item.lable }}</view>
</view>
<view class="other">
<input @focus="openKeyBoard('number')" v-model="inputOtherM" @input="inputControl"
@blur="ReturnToTop" placeholder="其他金额，最低3元" placeholder-class="placeholderinputOtherM"
type="text" maxlength="6" />
</view>
</view>
<!-- 充值其它金额 -->
<view class="MoneyBox" style="display: none;">
<view class="depotMoney" @click="depotMoney(item.value,index)"
v-bind:class="(Money!=''&&MoneyIndex==index)?'choiceClass':''" :data-money="item.value"
v-for="(item,index) in MoneyList" :key="index">
......@@ -36,22 +86,40 @@
{{item.value}}
</span>
<span style="font-size: 28rpx;font-weight: 600;margin-left: 7rpx;">{{item.lable}}</span>
<span class="tips" v-show="item.tips">
<!-- <span class="tips" v-show="item.tips">
{{item.tips}}
</span>
</span> -->
</view>
</view>
<!-- 充值限额提示 -->
<view class="depositbox">
<image mode="widthFix" class="depositImg" src="../../../static/img/depositIcon.png"></image>
<span style="
vertical-align: middle;
font-size: 28rpx;
color: #333333;
font-weight: 500;
">最大可充值金额：<span style="color: red">￥<span class="canDepositTx">{{ RechargeMax }}</span></span></span>
</view>
<!-- -->
<view class="OtherMoney" @click="OtherMoney">
<view class="OtherMoney" style="display: none;" @click="OtherMoney">
<view>其他充值金额</view>
<view>></span></view>
</view>
<!-- 支付方式 -->
<view class="payType" @click="queryBindCardList">
<view class="paytype">
<view class="left">付款账户 </view>
<view class="right" @click="queryBindCardList">
招商银行(5947)
<van-icon name="arrow" />
</view>
</view>
<view class="payType" style="display: none;" @click="queryBindCardList">
<view>付款方式</view>
<view>招商银行(5947) <span class="arrow"></span></view>
</view>
<view class="" style="height: 1rpx;background-color: #DFDFDF;"></view>
<!-- <view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> -->
<!-- -->
<view class="switchbankCard" @click="BackToMini('AssignAddCard')">我要换银行卡支付 <span class="arrow"
style="transform: rotate(45deg);left: 15rpx;top: -8rpx;"></span></view>
......@@ -61,7 +129,7 @@
</view>
</view>
<!-- 其他充值金额 -->
<view class="contentBox" v-if="depotMoneyother">
<view class="contentBox" style="display: none;" v-if="depotMoneyother">
<view class="OtherTitle">充值金额</view>
<view class="inputOtherM">
<span>￥</span>
......@@ -168,26 +236,26 @@
</template>
<script>
import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue";
import cityData from "@/common/js/city.js";
var gHost = "https://" + window.location.host;
if (window.location.protocol != "https:") {
import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue";
import cityData from "@/common/js/city.js";
var gHost = "https://" + window.location.host;
if (window.location.protocol != "https:") {
gHost = "https://fpdev.xiaopay.net";
}
let times = 0;
var limitClick = false; //禁止重复点击
var sessionID = "",
}
let times = 0;
var limitClick = false; //禁止重复点击
var sessionID = "",
userID = "";
var payCardNumber = ""; //一类卡号
var orderSerialNo = ""; //提现结果查询 指令号
var businessNo = "",
var payCardNumber = ""; //一类卡号
var orderSerialNo = ""; //提现结果查询 指令号
var businessNo = "",
otpOrderNo = "",
mobileNo = "";
var msCount = 60; //定时器
var MyTimer = null;
var fromType = 0; //0转账 1提现
var opeType = 0; //0充值 1提现 手机号验证
var bankInfo = {
var msCount = 60; //定时器
var MyTimer = null;
var fromType = 0; //0转账 1提现
var opeType = 0; //0充值 1提现 手机号验证
var bankInfo = {
acctNoArray: "",
idNo: "",
schoolId: "",
......@@ -195,34 +263,43 @@ var bankInfo = {
userId: "",
sessionid: "",
wechattype: 1,
};
// 20210422 充值账户异常资料补充参数
var acctErrorUpdateParms = {
};
// 20210422 充值账户异常资料补充参数
var acctErrorUpdateParms = {
backSideImgId: "", //反面身份证图片Id
frontSideImgId: "", //正面身份证图片Id
homeAddress: "", //家庭住址
occupation: "", //职业代码
StreetInformation: "", //街道
businessNo: "",
};
// /wefile/wefileId
// 获取上传影像的Token接口
let wefileId = {};
// bizCode: "000000"
// bizMsg: "获取上传影像token成功"
// businessNo: "OB89d5ed802cRA202104226389071452"
// expiredTime: 1619072725503
// project: "BOBS-OBP"
// uuid: "8238f256d8f54209a0e9a2a3b25e7393"
// wefileToken: "QplB0tfvjtzOU+tWgKI2+L+4B9HE8kbpJVREUTwXZCsVqXcUwyDxHAbTU3bW8ziGb4hKAaWiLQXAyZUbYRB9hBKhSt1VVvoFl5qOCR4GT+X1KpcQgBlhKYi/NYPkmsjeZO/qn9YXGDp/1sGmxazv6T05y8EbU9HXreRhF/jh8G1HtUCwprFoaulGFShvV819EUBdHifDF5IjpPekLtgzIm8C/kYYX8xproKvxV4maRji5p1Krkyv/U1K3C18/TyjHwPpC4KlOEqA6QpFujR8yZ42qvLZqfqgUkRFZ4WC27/nN3+do9VNpNbK4MAMSLTRaxdGmKe2wStKbZ5OQ+1WFA=="
// wefileUrl: "https://bfiles-stg.pingan.com.cn/brcp/secfile/sec_wefiles_udmp_upload.do"
export default {
};
// /wefile/wefileId
// 获取上传影像的Token接口
let wefileId = {};
// bizCode: "000000"
// bizMsg: "获取上传影像token成功"
// businessNo: "OB89d5ed802cRA202104226389071452"
// expiredTime: 1619072725503
// project: "BOBS-OBP"
// uuid: "8238f256d8f54209a0e9a2a3b25e7393"
// wefileToken: "QplB0tfvjtzOU+tWgKI2+L+4B9HE8kbpJVREUTwXZCsVqXcUwyDxHAbTU3bW8ziGb4hKAaWiLQXAyZUbYRB9hBKhSt1VVvoFl5qOCR4GT+X1KpcQgBlhKYi/NYPkmsjeZO/qn9YXGDp/1sGmxazv6T05y8EbU9HXreRhF/jh8G1HtUCwprFoaulGFShvV819EUBdHifDF5IjpPekLtgzIm8C/kYYX8xproKvxV4maRji5p1Krkyv/U1K3C18/TyjHwPpC4KlOEqA6QpFujR8yZ42qvLZqfqgUkRFZ4WC27/nN3+do9VNpNbK4MAMSLTRaxdGmKe2wStKbZ5OQ+1WFA=="
// wefileUrl: "https://bfiles-stg.pingan.com.cn/brcp/secfile/sec_wefiles_udmp_upload.do"
export default {
components: {
keyboardPackage,
},
name: "assignDeposit",
data() {
return {
showPopover: false,
// 通过 actions 属性来定义菜单选项
actions: [{
text: "复制卡号"
}, {
text: "账户明细"
}, {
text: "常见问题"
}],
inputOtherM: "",
RechargeException: false,
depotMoneyother: false, //其他充值
......@@ -254,35 +331,37 @@ export default {
tempFiles2: "../../static/img/idCardBg0.png",
};
},
created: function () {},
mounted: function () {
created: function() {},
mounted: function() {
let this_ = this;
this.$nextTick(function () {
this.$nextTick(function() {
// $(".RechargeException").siblings().hide()
// $(".RechargeException").show()
// 家庭住址
$("#homeAddress").on("click", function () {
$("#homeAddress").on("click", function() {
weui.picker(cityData, {
defaultValue: [110000, 110000, 110101],
depth: 3,
onChange: function (result) {
onChange: function(result) {
console.log(result);
},
onConfirm: function (result) {
onConfirm: function(result) {
console.log(result);
console.log(result);
acctErrorUpdateParms.homeAddress =
result[0].label + "/" + result[1].label + "/" + result[2].label;
result[0].label + "/" + result[1].label + "/" + result[2]
.label;
$("#homeAddress")[0].innerText =
result[0].label + "/" + result[1].label + "/" + result[2].label;
result[0].label + "/" + result[1].label + "/" + result[2]
.label;
$("#homeAddress").css("color", "#000");
},
title: "家庭地址",
});
});
// 选择职业
$("#showPicker").on("click", function () {
$("#showPicker").on("click", function() {
// 获取职业信息
this_
.getOccupationList()
......@@ -294,10 +373,10 @@ export default {
};
});
weui.picker(data, {
onChange: function (result) {
onChange: function(result) {
console.log(result);
},
onConfirm: function (result) {
onConfirm: function(result) {
console.log(result[0].value);
acctErrorUpdateParms.occupation = result[0].value;
$("#showPicker")[0].innerText = result[0].label;
......@@ -346,12 +425,23 @@ export default {
} else {
this_.ToWalletTx();
}
setTimeout(function () {
setTimeout(function() {
this_.getWefileId();
}, 500);
});
},
methods: {
onSelect(action) {
if (action.text == "复制卡号") {
this.CopyCardNumber();
} else if (action.text == "账户明细") {
this.BackToMini('purchaseDetail');
} else if (action.text == "常见问题") {
uni.navigateTo({
url: `../../commonProblem/commonProblem`
})
}
},
// 身份证上传
async idCardUpload(type) {
let this_ = this;
......@@ -359,7 +449,7 @@ export default {
count: 6, //默认9
sizeType: ["original", "compressed"],
sourceType: ["album", "camera"], //从相册选择
success: function (res) {
success: function(res) {
this_["tempFiles" + type] = res.tempFilePaths[0];
this_.uploaderInput(res.tempFiles, type);
},
......@@ -508,7 +598,7 @@ export default {
type: "POST",
contentType: "application/x-www-form-urlencoded",
data: params,
success: function (res7) {
success: function(res7) {
if (res7.code == "10000") {
if (res7.results.status == 0 || res7.results.status == 1) {
//status 状态 0：失败;1：成功;2：处理中 返回处理中，需要调用“提现(提现)结果查询”接口查结果
......@@ -539,7 +629,7 @@ export default {
weui.topTips(res7.message);
}
},
error: function (err) {
error: function(err) {
loading.hide();
},
});
......@@ -561,7 +651,7 @@ export default {
type: "POST",
contentType: "application/x-www-form-urlencoded",
data: params,
success: function (res8) {
success: function(res8) {
if (res8.code == "10000") {
if (
res8.results.orderStatus == 3 ||
......@@ -595,7 +685,7 @@ export default {
weui.topTips(res8.message);
}
},
error: function (err) {
error: function(err) {
loading.hide();
},
});
......@@ -636,12 +726,12 @@ export default {
type: "POST",
contentType: "application/x-www-form-urlencoded",
data: params,
success: function (res5) {
success: function(res5) {
if (res5.code == "10000") {
if (res5.errCode && res5.errCode == "TI009") {
loading.hide();
weui.topTips(res5.results.errMsg);
setTimeout(function () {
setTimeout(function() {
$(".RechargeException").siblings().hide();
$(".RechargeException").show();
});
......@@ -673,7 +763,7 @@ export default {
weui.topTips(res5.message);
}
},
error: function (err) {
error: function(err) {
loading.hide();
},
});
......@@ -698,7 +788,7 @@ export default {
type: "POST",
contentType: "application/x-www-form-urlencoded",
data: params,
success: function (res6) {
success: function(res6) {
if (res6.code == "10000") {
orderSerialNo = res6.results.orderSerialNo;
if (res6.results.status == 1 || res6.results.status == 0) {
......@@ -724,7 +814,7 @@ export default {
weui.topTips(res6.message);
}
},
error: function (err) {
error: function(err) {
loading.hide();
},
});
......@@ -778,7 +868,7 @@ export default {
type: "POST",
contentType: "application/x-www-form-urlencoded",
data: params,
success: function (res5) {
success: function(res5) {
loading.hide();
if (res5.code == "10000") {
otpOrderNo = res5.results.otpOrderNo;
......@@ -790,7 +880,7 @@ export default {
weui.topTips(res5.message);
}
},
error: function (err) {
error: function(err) {
loading.hide();
},
});
......@@ -814,7 +904,7 @@ export default {
type: "POST",
contentType: "application/x-www-form-urlencoded",
data: params,
success: function (res5) {
success: function(res5) {
loading.hide();
if (res5.code == "10000") {
otpOrderNo = res5.results.otpOrderNo;
......@@ -826,7 +916,7 @@ export default {
weui.topTips(res5.message);
}
},
error: function (err) {
error: function(err) {
loading.hide(res5.message);
},
});
......@@ -851,7 +941,7 @@ export default {
accountName: bankName,
accountNo: bindCard,
},
success: function (res5) {
success: function(res5) {
loading.hide();
if (res5.code == "10000") {
this_.HideHTML("showBindCardList", 0);
......@@ -860,7 +950,7 @@ export default {
weui.topTips(res5.message);
}
},
error: function (err) {
error: function(err) {
loading.hide();
},
});
......@@ -879,15 +969,13 @@ export default {
sessionid: sessionID,
wechattype: 1,
},
success: function (res4) {
success: function(res4) {
loading.hide();
if (res4.code == "10000") {
var divList = "";
var choiceIndex = 0;
for (
let i = 0;
i < res4.results.accountList[0].bindcardList.length;
i++
let i = 0; i < res4.results.accountList[0].bindcardList.length; i++
) {
divList += `<div onclick=ChangeCardPay('${
res4.results.accountList[0].bindcardList[i].bankName
......@@ -920,7 +1008,7 @@ export default {
weui.topTips(res4.message);
}
},
error: function (err) {
error: function(err) {
loading.hide();
},
});
......@@ -935,7 +1023,7 @@ export default {
timeout: 8000,
contentType: "application/x-www-form-urlencoded",
data: bankInfo,
success: function (res3) {
success: function(res3) {
loading.hide();
if (res3.code == "10000") {
if (res3.results.acctInfoList == null) {
......@@ -962,10 +1050,10 @@ export default {
weui.topTips(res3.message);
}
},
error: function (err) {
error: function(err) {
loading.hide();
},
complete: function (XMLHttpRequest, status) {
complete: function(XMLHttpRequest, status) {
loading.hide();
if (status == "timeout") {
weui.topTips("请求超时，余额查询失败");
......@@ -987,7 +1075,7 @@ export default {
sessionid: sessionID,
wechattype: 1,
},
success: function (res2) {
success: function(res2) {
if (res2.code == "10000") {
bankInfo.acctNoArray = res2.results.accountNo;
bankInfo.idNo = res2.results.idNo;
......@@ -1009,7 +1097,7 @@ export default {
weui.topTips(res2.message);
}
},
error: function (err) {
error: function(err) {
loading.hide();
},
});
......@@ -1027,7 +1115,7 @@ export default {
sessionid: sessionID,
wechattype: 1,
},
success: function (res1) {
success: function(res1) {
loading.hide();
if (res1.code == "10000") {
bankInfo.schoolId = res1.results.schoolid;
......@@ -1052,7 +1140,7 @@ export default {
}, 1500);
}
},
error: function (err) {
error: function(err) {
loading.hide();
},
});
......@@ -1066,7 +1154,12 @@ export default {
acctErrorUpdateParms.homeAddress =
acctErrorUpdateParms.homeAddress +
acctErrorUpdateParms.StreetInformation;
let { backSideImgId, frontSideImgId, homeAddress, occupation } =
let {
backSideImgId,
frontSideImgId,
homeAddress,
occupation
} =
acctErrorUpdateParms;
acctErrorUpdateParms.sessionid = sessionID;
acctErrorUpdateParms.wechattype = 1;
......@@ -1095,13 +1188,13 @@ export default {
contentType: "application/x-www-form-urlencoded",
data: acctErrorUpdateParms,
timeout: 8000, //超时时间设置，单位毫秒
success: function (res) {
success: function(res) {
loading.hide();
if (res.code == "000000") {
weui.topTips("信息更新成功", {
duration: 3000, //3秒后消失
className: "weui-toptips_success", //自定义类名
callback: function () {
callback: function() {
//回调函数
console.log("close");
window.location.reload();
......@@ -1114,7 +1207,7 @@ export default {
reject(res.message);
}
},
error: function (err) {
error: function(err) {
loading.hide();
reject(err);
},
......@@ -1148,14 +1241,13 @@ export default {
return new Promise((resolve, reject) => {
return new Promise((resolve, reject) => {
$.ajax({
url:
gHost +
url: gHost +
`/bank-wechat-server/wefile/upload?wechattype=1&sessionid=${sessionID}`,
type: "post",
data: formData,
processData: false,
contentType: false,
success: function (res) {
success: function(res) {
console.log(res);
if (res.code == "10000") {
if (type == 1) {
......@@ -1166,7 +1258,7 @@ export default {
weui.topTips("上传成功", {
duration: 3000, //3秒后消失
className: "weui-toptips_success", //自定义类名
callback: function () {},
callback: function() {},
});
loading.hide();
resolve(res);
......@@ -1176,7 +1268,7 @@ export default {
reject(res.message);
}
},
error: function (err) {
error: function(err) {
loading.hide();
weui.topTips("上传失败！请检查");
reject(err);
......@@ -1200,7 +1292,7 @@ export default {
sessionid: sessionID,
wechattype: 1,
},
success: function (res) {
success: function(res) {
loading.hide();
if (res.code == "10000") {
wefileId = res.results;
......@@ -1209,7 +1301,7 @@ export default {
reject(res.message);
}
},
error: function (err) {
error: function(err) {
loading.hide();
reject(err);
},
......@@ -1240,7 +1332,7 @@ export default {
headers: {
Authorization: getQueryParams("seesionID"),
},
success: function (res) {
success: function(res) {
loading.hide();
if (res.code == "10000") {
resolve(res.results);
......@@ -1248,7 +1340,7 @@ export default {
reject(res.message);
}
},
error: function (err) {
error: function(err) {
loading.hide();
reject(err);
},
......@@ -1268,24 +1360,267 @@ export default {
return false;
},
},
};
};
</script>
<style scoped lang="scss">
html,
body,
page {
html,
body,
page {
width: 750rpx;
background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
}
}
.userInfoBox {
display: flex;
flex-direction: column;
width: calc(100% - 64rpx);
height: 150rpx;
margin: 0 32rpx;
margin-top: 30rpx;
background: linear-gradient(270deg, #f4f4f4 0%, #ebebeb 100%);
border-radius: 16px;
.firstLine {
display: flex;
flex-direction: row;
width: calc(100% - 68rpx);
height: 56rpx;
line-height: 56rpx;
margin: 0 34rpx;
margin-top: 28rpx;
overflow: hidden;
view {
white-space: nowrap;
}
.avatar {
width: 56rpx;
height: 56rpx;
uni-image {
width: 56rpx;
height: 56rpx;
}
}
.name {
margin-left: 17rpx;
font-size: 36rpx;
font-weight: 600;
color: rgba(0, 0, 0, 0.85);
}
view:last-child {
margin-left: 10rpx;
align-self: center;
align-items: center;
padding: 0 8rpx;
height: 40rpx;
line-height: 40rpx;
background: rgba(0, 0, 0, 0.08);
border-radius: 4rpx;
font-size: 26rpx;
font-weight: 500;
color: rgba(0, 0, 0, 0.5);
}
}
.secondLine {
display: flex;
width: calc(100% - 62rpx);
margin: 0 31rpx;
margin-top: 8rpx;
height: 37rpx;
line-height: 37rpx;
font-size: 26rpx;
color: rgba(0, 0, 0, 0.45);
}
}
.contentWrapper {
width: 100%;
display: flex;
flex-direction: column;
}
.balanceWrapper {
width: calc(100% - 144rpx);
margin: 0 32rpx;
margin-top: 24rpx;
height: 249rpx;
padding: 40rpx 40rpx 0;
background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/user/bankBg.png");
background-repeat: no-repeat;
background-size: 100% 100%;
position: relative;
display: flex;
flex-direction: column;
.firstLine {
display: flex;
justify-content: space-between;
.left {
view:first-child {
height: 33rpx;
font-size: 24rpx;
font-weight: 600;
color: rgba(255, 255, 255, 0.85);
line-height: 33rpx;
}
view:last-child {
height: 84rpx;
font-size: 60rpx;
font-weight: 600;
color: #ffffff;
line-height: 84rpx;
}
}
.right {
width: 60rpx;
height: 60rpx;
align-self: flex-start;
.icon {
width: 60rpx;
height: 60rpx;
}
}
}
.lastLine {
display: flex;
width: 100%;
justify-content: space-between;
view:first-child {
height: 60rpx;
font-size: 40rpx;
font-weight: 600;
color: #ffffff;
line-height: 60rpx;
}
.right {
width: 140rpx;
height: 60rpx;
line-height: 60rpx;
font-size: 30rpx;
font-weight: 600;
color: #04b871;
background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/user/cashBtn.png");
background-repeat: no-repeat;
background-size: cover;
text-align: center;
}
.btn {
width: 140rpx;
height: 60rpx;
}
}
}
.accountlist {
width: 100%;
height: 100%;
}
.showBindCardList {
width: 100%;
height: 100%;
.contentBox {
.choiceBox {
text-align: center;
font-weight: bold;
height: 100rpx;
line-height: 100rpx;
padding: 0;
border-bottom: 1rpx solid #e6e6e6;
}
.cardsList {
width: 100%;
height: calc(100% - 260rpx);
overflow-y: scroll;
}
.ListItem {
border-bottom: 1rpx solid #e6e6e6;
font-size: 30rpx;
padding: 25rpx 0;
background: #fff;
position: relative;
text-align: center;
}
.changeCard {
margin: 0 auto;
margin-top: 40rpx;
height: 40rpx;
font-size: 28rpx;
font-weight: 400;
color: #04B871;
line-height: 40rpx;
text-align: center;
}
}
.SubmittedSuccessfully {
width: 400rpx !important;
height: 200rpx !important;
margin: 0 auto !important;
background: #000000;
opacity: 0.8;
border-radius: 8rpx;
}
.cardNum {
width: 574rpx;
margin: 0 auto;
display: flex;
justify-content: space-between;
padding-top: 36rpx;
font-size: 24rpx;
.cardNumleft {
font-family: PingFang SC;
font-weight: 500;
color: #ffffff;
}
.cardNumright {
font-family: PingFang SC;
font-weight: 500;
text-decoration: underline;
color: #ffffff;
}
}
.RechargeDetailed {
text-align: center;
// width: 118rpx;
height: 32rpx;
margin: 0 auto;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
text-decoration: underline;
color: #36a8ff;
margin-top: 50rpx;
}
.contentBox {
width: 670rpx;
height: 376rpx;
margin: 0 auto;
}
}
.contentDiv {
.contentDiv {
height: 100%;
// margin-top: 36rpx;
border-radius: 15rpx;
......@@ -1295,14 +1630,14 @@ page {
position: relative;
top: 36rpx;
}
}
.HidenText {
.HidenText {
margin-top: 147rpx;
}
}
.HidenText,
.Balance {
.HidenText,
.Balance {
padding-left: 46rpx;
padding-right: 40rpx;
display: flex;
......@@ -1310,19 +1645,19 @@ page {
font-size: 28rpx;
color: #ffffff;
}
}
.Balance {
.Balance {
margin-top: 20rpx;
}
}
.Recharge {
.Recharge {
display: flex;
justify-content: space-between;
margin-top: 70rpx;
}
}
.Recharge .leftdiv {
.Recharge .leftdiv {
width: 192rpx;
height: 67rpx;
font-size: 48rpx;
......@@ -1330,33 +1665,33 @@ page {
font-weight: 600;
color: #010101;
line-height: 67rpx;
}
}
.Recharge .rightdiv {
.Recharge .rightdiv {
height: 67rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
line-height: 67rpx;
}
}
.Recharge .rightdiv image {
.Recharge .rightdiv image {
position: relative;
width: 20rpx;
height: 20rpx;
}
}
.headview {
.headview {
display: flex;
justify-content: space-between;
padding-left: 40rpx;
padding-right: 40rpx;
padding-top: 36rpx;
}
}
.headview .schoolname {
.headview .schoolname {
width: 252rpx;
height: 50rpx;
font-size: 36rpx;
......@@ -1364,9 +1699,9 @@ page {
font-weight: 500;
color: #ffffff;
line-height: 50rpx;
}
}
.headview .IconCls {
.headview .IconCls {
width: 170rpx;
height: 48rpx;
background: #20946d;
......@@ -1377,22 +1712,90 @@ page {
color: #ffffff;
line-height: 48rpx;
text-align: center;
}
}
.MoneyBox {
.moneyWrapper {
margin-top: 10rpx;
width: 100%;
display: flex;
flex-wrap: wrap;
.moneyItem {
width: 210rpx;
height: 120rpx;
background: #f8f8f8;
border-radius: 12rpx;
display: flex;
justify-content: center;
margin-right: 18rpx;
font-family: PingFangSC-Medium, PingFang SC;
margin-bottom: 24rpx;
view {
align-self: center;
color: #333333;
}
view:first-child {
font-size: 40rpx;
font-weight: 500;
}
view:last-child {
font-size: 30rpx;
}
}
.moneyItem:nth-child(3n) {
margin-right: 0;
}
.active {
border: 3rpx solid #04b871;
view {
color: #04b871;
}
}
.other {
width: 444rpx;
height: 120rpx;
line-height: 120rpx;
text-align: center;
background: #f8f8f8;
border-radius: 12rpx;
/deep/.uni-input-wrapper {
position: absolute;
width: 444rpx;
height: 120rpx;
font-size: 40rpx;
font-weight: 500;
color: #333333;
}
/deep/.uni-input-input {
height: 120rpx;
line-height: 120rpx;
}
}
}
.MoneyBox {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
height: auto;
color: #333333;
}
}
.choiceClass {
.choiceClass {
background: #01bc73 !important;
color: #fff;
}
}
.MoneyBox view {
.MoneyBox view {
width: 206rpx;
height: 133rpx;
background: #f5f5f5;
......@@ -1401,17 +1804,17 @@ page {
text-align: center;
position: relative;
}
}
.depotMoney .value {
.depotMoney .value {
font-size: 48rpx;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
line-height: 133rpx;
text-align: center;
}
}
.depotMoney .tips {
.depotMoney .tips {
// width: 79rpx;
height: 33rpx;
background: linear-gradient(180deg, #fa6400 0%, #fd9d00 100%);
......@@ -1424,9 +1827,9 @@ page {
position: absolute;
right: 0rpx;
line-height: 33rpx;
}
}
.OtherMoney {
.OtherMoney {
display: flex;
justify-content: center;
color: #999999;
......@@ -1437,9 +1840,9 @@ page {
line-height: 40rpx;
margin-top: 26rpx;
}
}
.OtherMoney view:nth-child(2) {
.OtherMoney view:nth-child(2) {
width: 30rpx;
height: 30rpx;
background: #f0f0f0;
......@@ -1448,16 +1851,39 @@ page {
line-height: 30rpx;
margin-top: 7rpx;
margin-left: 5rpx;
}
}
.payType {
.paytype {
display: flex;
margin-top: 39rpx;
width: 100%;
height: 40rpx;
justify-content: space-between;
font-size: 28rpx;
.left {
font-weight: 500;
color: rgba(0, 0, 0, 0.4);
}
.right {
color: rgba(0, 0, 0, 0.85);
.van-icon {
font-size: 28rpx;
color: #161616;
}
}
}
.payType {
height: 98rpx;
line-height: 98rpx;
display: flex;
justify-content: space-between;
}
}
.payType view:nth-child(1) {
.payType view:nth-child(1) {
width: 120rpx;
height: 42rpx;
font-size: 30rpx;
......@@ -1465,9 +1891,9 @@ page {
font-weight: 400;
color: #666666;
line-height: 98rpx;
}
}
.payType view::nth-child(2) {
.payType view::nth-child(2) {
width: 225rpx;
height: 45rpx;
font-size: 32rpx;
......@@ -1475,9 +1901,9 @@ page {
font-weight: 500;
color: #333333;
line-height: 45rpx;
}
}
.switchbankCard {
.switchbankCard {
width: 224px;
height: 40rpx;
font-size: 28rpx;
......@@ -1486,9 +1912,9 @@ page {
color: #999999;
line-height: 40rpx;
margin-top: 12rpx;
}
}
.arrow {
.arrow {
transform: rotate(-45deg);
top: -1rpx;
border: solid #999999;
......@@ -1496,9 +1922,9 @@ page {
display: inline-block;
padding: 8rpx;
position: relative;
}
}
.DepositID {
.DepositID {
width: 630rpx;
height: 92rpx;
background: #04ba73;
......@@ -1510,18 +1936,18 @@ page {
position: fixed;
left: 0;
right: 0;
}
}
.DepositID span {
.DepositID span {
height: 50rpx;
font-size: 36rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #ffffff;
line-height: 92rpx;
}
}
.MyPhoneCls {
.MyPhoneCls {
position: fixed;
width: 562rpx;
height: 497rpx;
......@@ -1532,9 +1958,9 @@ page {
font-size: 30rpx;
background: #fff;
border-radius: 8rpx;
}
}
.closePhoneBox {
.closePhoneBox {
width: 35rpx;
height: 35rpx;
background: #7e7e7e;
......@@ -1546,9 +1972,9 @@ page {
color: #bebebe;
border-radius: 100%;
border: 2px solid #bebebe;
}
}
.doBtnTx {
.doBtnTx {
width: 506rpx;
height: 92rpx;
background: #04ba73;
......@@ -1560,54 +1986,54 @@ page {
right: 0;
margin: 0 auto;
bottom: 38rpx;
}
}
.MyPhoneCls input {
.MyPhoneCls input {
border: none;
outline: none;
height: 80rpx;
line-height: 80rpx;
padding-left: 50rpx;
}
}
.PhoneNum,
.VerifyCode {
.PhoneNum,
.VerifyCode {
width: 506rpx;
height: 80rpx;
line-height: 60rpx;
background: #f7f6fb;
margin: 0 auto;
margin-top: 20rpx;
}
}
.VerifyCode {
.VerifyCode {
display: flex;
justify-content: space-between;
}
}
.VerifyCode input {
.VerifyCode input {
width: 200rpx;
}
}
.CodeMsg {
.CodeMsg {
color: #01bc73;
background: #f7f6fb;
font-size: 28rpx;
font-weight: 600;
line-height: 80rpx;
letter-spacing: 3rpx;
}
}
.placeholderInput {
.placeholderInput {
color: #aaaaaa;
font-size: 32rpx;
font-weight: 500;
letter-spacing: 3rpx;
// padding-left: 50rpx;
height: 80rpx;
}
}
.OtherTitle {
.OtherTitle {
height: 67rpx;
font-size: 48rpx;
font-family: PingFangSC-Semibold, PingFang SC;
......@@ -1616,46 +2042,46 @@ page {
line-height: 67rpx;
padding-top: 60rpx;
}
}
.inputOtherM {
.inputOtherM {
display: flex;
height: 100rpx;
margin-top: 40rpx;
}
}
.inputOtherM input {
.inputOtherM input {
border: none;
outline: none;
height: 50rpx;
padding-left: 16rpx;
font-size: 72rpx;
font-weight: 600;
}
}
.inputOtherM span:nth-child(1) {
.inputOtherM span:nth-child(1) {
width: 72rpx;
font-size: 80rpx;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #010101;
line-height: 100rpx;
}
}
.OtherLine {
.OtherLine {
width: 631rpx;
height: 1rpx;
background-color: #cccccc;
margin-top: 19rpx;
}
}
.depositImg {
.depositImg {
width: 14rpx;
vertical-align: middle;
margin-right: 8rpx;
}
}
.Recharge_ {
.Recharge_ {
height: 40rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
......@@ -1663,29 +2089,29 @@ page {
color: #333333;
line-height: 40rpx;
margin-top: 40rpx;
}
}
.Recharge_ span:nth-child(2) {
.Recharge_ span:nth-child(2) {
font-size: 28rpx;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #fa6400;
}
}
.placeholderinputOtherM {
.placeholderinputOtherM {
height: 50rpx;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #010101;
line-height: 50rpx;
}
}
// 异常处理
.RechargeException {
// 异常处理
.RechargeException {
padding-top: 20rpx;
}
}
.weui-label {
.weui-label {
// width: 118rpx;
height: 42rpx;
font-size: 30rpx;
......@@ -1695,9 +2121,9 @@ page {
line-height: 42rpx;
font-weight: bold;
margin-left: 30rpx;
}
}
.tiptext {
.tiptext {
height: 1.06rem;
font-size: 0.75rem;
font-family: PingFangSC-Regular, PingFang SC;
......@@ -1706,9 +2132,9 @@ page {
line-height: 1.06rem;
margin-bottom: 0.625rem;
text-align: center;
}
}
.bottomDetail {
.bottomDetail {
width: 628rpx;
height: 88rpx;
color: white;
......@@ -1721,37 +2147,37 @@ page {
line-height: 88rpx;
margin-top: 84rpx;
}
}
.RechargeException input::placeholder {
.RechargeException input::placeholder {
color: #a1a4a8;
}
}
.RechargeException .weui-cell {
.RechargeException .weui-cell {
height: 4rem;
padding: 0 !important;
}
}
.idCardPhoto1,
.idCardPhoto2 {
.idCardPhoto1,
.idCardPhoto2 {
width: 388rpx;
height: 224rpx;
margin: 0 auto;
margin-top: 20rpx;
}
}
.idCardPhoto1 image,
.idCardPhoto2 image {
.idCardPhoto1 image,
.idCardPhoto2 image {
width: 100%;
height: 100%;
position: relative;
}
}
.weui-toptips_success {
.weui-toptips_success {
background-color: #03bc73 !important;
}
}
.positionCam {
.positionCam {
height: 32rpx;
font-size: 22rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
......@@ -1761,5 +2187,5 @@ page {
text-align: center;
position: relative;
top: -29px;
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment