no message
This commit is contained in:
PC-202306242200\Administrator
145
unpackage/dist/dev/mp-alipay/pages/money/recharge.acss
vendored
Normal file
145
unpackage/dist/dev/mp-alipay/pages/money/recharge.acss
vendored
Normal file
@@ -0,0 +1,145 @@
|
||||
.buy.data-v-2cb4e33c {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.buy .title.data-v-2cb4e33c {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 20rpx 0 20rpx 50rpx;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.buy .title > image.data-v-2cb4e33c {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 6rpx;
|
||||
}
|
||||
.buy .title > text.data-v-2cb4e33c {
|
||||
font-size: 28rpx;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
.buy .title .num.data-v-2cb4e33c {
|
||||
color: #ff4141;
|
||||
}
|
||||
.buy .number.data-v-2cb4e33c {
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
margin-top: 18rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.buy .number .list.data-v-2cb4e33c {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
padding: 38rpx 40rpx 0rpx 40rpx;
|
||||
}
|
||||
.buy .number .list .item.data-v-2cb4e33c {
|
||||
width: 194rpx;
|
||||
height: 194rpx;
|
||||
background: #ffffff;
|
||||
box-shadow: 0rpx 0rpx 6rpx 0rpx rgba(0, 0, 0, 0.1);
|
||||
border-radius: 20rpx;
|
||||
margin-bottom: 44rpx;
|
||||
display: flex;
|
||||
}
|
||||
.buy .number .list .item .card.data-v-2cb4e33c {
|
||||
width: 194rpx;
|
||||
height: 194rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.buy .number .list .item .card .top.data-v-2cb4e33c {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.buy .number .list .item .card .top > text.data-v-2cb4e33c {
|
||||
font-size: 32rpx;
|
||||
font-family: PingFangSC-Semibold, PingFang SC;
|
||||
font-weight: 600;
|
||||
color: #666666;
|
||||
line-height: 44rpx;
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
.buy .number .list .item .card .top > image.data-v-2cb4e33c {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
}
|
||||
.buy .number .list .item .card .money.data-v-2cb4e33c {
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
line-height: 34rpx;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
.buy .number .list .item .recommend.data-v-2cb4e33c {
|
||||
width: 112rpx;
|
||||
height: 36rpx;
|
||||
background: #f3f2ea;
|
||||
border-radius: 8rpx 0rpx 8rpx 0rpx;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
margin-top: -18rpx;
|
||||
}
|
||||
.buy .number .list .item .recommend > text.data-v-2cb4e33c {
|
||||
font-size: 20rpx;
|
||||
font-family: PingFangSC-Medium, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #666666;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
.buy .number .list .real.data-v-2cb4e33c {
|
||||
border: 2rpx solid #f88700;
|
||||
background-color: rgba(248, 135, 0, 0.1);
|
||||
}
|
||||
.buy .number .list.data-v-2cb4e33c:after {
|
||||
content: "";
|
||||
width: 194rpx;
|
||||
}
|
||||
.buy .number .sure.data-v-2cb4e33c {
|
||||
width: 582rpx;
|
||||
height: 80rpx;
|
||||
background: #ff6a5f;
|
||||
border-radius: 40rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.buy .number .sure > text.data-v-2cb4e33c {
|
||||
font-size: 28rpx;
|
||||
font-family: PingFangSC-Medium, PingFang SC;
|
||||
font-weight: 600;
|
||||
color: #ffffff;
|
||||
line-height: 80rpx;
|
||||
}
|
||||
.buy .tip.data-v-2cb4e33c {
|
||||
background: #ffffff;
|
||||
padding: 40rpx;
|
||||
padding-top: 0;
|
||||
}
|
||||
.buy .tip .titl.data-v-2cb4e33c {
|
||||
font-size: 28rpx;
|
||||
font-family: PingFangSC-Medium, PingFang SC;
|
||||
font-weight: 600;
|
||||
color: #666666;
|
||||
line-height: 40rpx;
|
||||
margin-bottom: 6rpx;
|
||||
}
|
||||
.buy .tip > view > text.data-v-2cb4e33c {
|
||||
font-size: 22rpx;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
color: #999999;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
.buy .tip > view:nth-child(2) > text.data-v-2cb4e33c:nth-child(2) {
|
||||
color: #333333;
|
||||
}
|
||||
.buy .tip > view:nth-child(5) > text.data-v-2cb4e33c:nth-child(2) {
|
||||
color: #ff6a5f;
|
||||
font-weight: 600;
|
||||
border-bottom: 2rpx solid #ff6a5f;
|
||||
}
|
||||
1
unpackage/dist/dev/mp-alipay/pages/money/recharge.axml
vendored
Normal file
1
unpackage/dist/dev/mp-alipay/pages/money/recharge.axml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="buy data-v-2cb4e33c"><view class="title data-v-2cb4e33c"><text class="text data-v-2cb4e33c">当前余额：</text><text class="num data-v-2cb4e33c">{{a}}</text></view><view class="number data-v-2cb4e33c"><view class="list data-v-2cb4e33c"><view a:for="{{b}}" a:for-item="item" a:key="c" class="{{('data-v-2cb4e33c') + ' ' + item.b}}" onTap="{{item.d}}"><view class="card data-v-2cb4e33c"><view class="top data-v-2cb4e33c"><text class="data-v-2cb4e33c">{{item.a}}</text></view></view></view><view class="{{('data-v-2cb4e33c') + ' ' + f}}" onTap="{{g}}"><view class="card data-v-2cb4e33c"><view class="top data-v-2cb4e33c" style="padding:0 15rpx;text-align:center"><input class="data-v-2cb4e33c" onChange="{{c}}" placeholder="其他面额" style="font-weight:bold;color:#666666" type="number" value="{{d}}" onInput="{{e}}"/></view></view></view></view><view class="tip data-v-2cb4e33c"><text class="titl data-v-2cb4e33c">温馨提示</text><view class="data-v-2cb4e33c"><text class="data-v-2cb4e33c">1、本次充值金额尽可用于充电消费</text></view><view class="data-v-2cb4e33c"><text class="data-v-2cb4e33c">2、若充值时若使用了第三方优惠抵扣时,该笔金额不支持直接退款</text></view></view></view><view class="data-v-2cb4e33c" style="position:fixed;bottom:0;left:0;width:750rpx"><view class="data-v-2cb4e33c" style="display:flex;align-items:center;justify-content:center;font-size:26rpx;background-color:rgba(72, 121, 230, 0.3);padding:15rpx 0"><up-checkbox class="data-v-2cb4e33c" onChange="{{h}}" u-i="2cb4e33c-0" onVI="__l" u-p="{{i}}"></up-checkbox> 我已阅读并同意《 <text class="data-v-2cb4e33c" style="color:#4879e6">云充电用户充值协议</text> 》 </view><view class="data-v-2cb4e33c" style="display:flex;align-items:center;justify-content:space-between;padding:20rpx 30rpx"><view class="data-v-2cb4e33c" style="font-size:40rpx;font-weight:bold">{{j}} <text class="data-v-2cb4e33c" style="font-size:26rpx;font-weight:500">元</text></view><view class="data-v-2cb4e33c" style="width:220rpx"><up-button class="data-v-2cb4e33c" onClick="{{k}}" u-i="2cb4e33c-1" onVI="__l" u-p="{{l}}"></up-button></view></view></view></view>
|
||||
141
unpackage/dist/dev/mp-alipay/pages/money/recharge.js
vendored
Normal file
141
unpackage/dist/dev/mp-alipay/pages/money/recharge.js
vendored
Normal file
@@ -0,0 +1,141 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const api_api = require("../../api/api.js");
|
||||
if (!Array) {
|
||||
const _easycom_up_checkbox2 = common_vendor.resolveComponent("up-checkbox");
|
||||
const _easycom_up_button2 = common_vendor.resolveComponent("up-button");
|
||||
(_easycom_up_checkbox2 + _easycom_up_button2)();
|
||||
}
|
||||
const _easycom_up_checkbox = () => "../../uni_modules/uview-plus/components/u-checkbox/u-checkbox.js";
|
||||
const _easycom_up_button = () => "../../uni_modules/uview-plus/components/u-button/u-button.js";
|
||||
if (!Math) {
|
||||
(_easycom_up_checkbox + _easycom_up_button)();
|
||||
}
|
||||
const _sfc_main = {
|
||||
__name: "recharge",
|
||||
setup(__props) {
|
||||
let info = common_vendor.ref({});
|
||||
let money = common_vendor.ref(30);
|
||||
let moneyNum = common_vendor.ref("");
|
||||
let num = common_vendor.ref(0);
|
||||
let aloneChecked = common_vendor.ref(false);
|
||||
let list = common_vendor.ref([
|
||||
{
|
||||
number: "￥30",
|
||||
money: "30"
|
||||
},
|
||||
{
|
||||
number: "￥50",
|
||||
money: "50"
|
||||
},
|
||||
{
|
||||
number: "￥80",
|
||||
money: "80"
|
||||
},
|
||||
{
|
||||
number: "￥100",
|
||||
money: "100"
|
||||
},
|
||||
{
|
||||
number: "￥200",
|
||||
money: "200"
|
||||
},
|
||||
{
|
||||
number: "￥300",
|
||||
money: "300"
|
||||
},
|
||||
{
|
||||
number: "￥400",
|
||||
money: "400"
|
||||
},
|
||||
{
|
||||
number: "￥500",
|
||||
money: "500"
|
||||
}
|
||||
]);
|
||||
const pick = (item, index) => {
|
||||
if (item != "input") {
|
||||
money.value = item.money;
|
||||
moneyNum.value = "";
|
||||
}
|
||||
num.value = index;
|
||||
};
|
||||
const change = (e) => {
|
||||
aloneChecked.value = e;
|
||||
console.log(e);
|
||||
};
|
||||
const toUp = () => {
|
||||
api_api.jqbPay({
|
||||
amount: money.value
|
||||
}).then((res) => {
|
||||
let data = JSON.parse(res.payData);
|
||||
common_vendor.index.requestPayment({
|
||||
provider: "wxpay",
|
||||
timeStamp: data.timeStamp,
|
||||
nonceStr: data.nonceStr,
|
||||
package: data.package,
|
||||
signType: data.signType,
|
||||
paySign: data.paySign,
|
||||
success: function(r) {
|
||||
common_vendor.index.showModal({
|
||||
title: "提示",
|
||||
content: "充值成功",
|
||||
showCancel: false,
|
||||
success: function(res2) {
|
||||
if (res2.confirm) {
|
||||
common_vendor.index.navigateBack();
|
||||
} else if (res2.cancel) {
|
||||
console.log("用户点击取消");
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
fail: function(err) {
|
||||
console.log("fail:" + JSON.stringify(err));
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
common_vendor.onShow(async () => {
|
||||
let _res = await api_api.userInfo();
|
||||
info.value = _res;
|
||||
});
|
||||
const inputChange = (e) => {
|
||||
money.value = e.detail.value;
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.t(common_vendor.unref(info).balance),
|
||||
b: common_vendor.f(common_vendor.unref(list), (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.number),
|
||||
b: common_vendor.n(common_vendor.unref(num) == index ? "item real" : "item"),
|
||||
c: index,
|
||||
d: common_vendor.o(($event) => pick(item, index))
|
||||
};
|
||||
}),
|
||||
c: common_vendor.o(inputChange),
|
||||
d: common_vendor.unref(moneyNum),
|
||||
e: common_vendor.o(($event) => common_vendor.isRef(moneyNum) ? moneyNum.value = $event.detail.value : moneyNum = $event.detail.value),
|
||||
f: common_vendor.n(common_vendor.unref(num) == "input" ? "item real" : "item"),
|
||||
g: common_vendor.o(($event) => pick("input", "input")),
|
||||
h: common_vendor.o(change),
|
||||
i: common_vendor.p({
|
||||
shape: "circle",
|
||||
name: "agree",
|
||||
usedAlone: true
|
||||
}),
|
||||
j: common_vendor.t(common_vendor.unref(money)),
|
||||
k: common_vendor.o(toUp),
|
||||
l: common_vendor.p({
|
||||
color: "#4879e6",
|
||||
text: "充值",
|
||||
shape: "circle",
|
||||
disabled: !common_vendor.unref(aloneChecked)
|
||||
})
|
||||
};
|
||||
};
|
||||
}
|
||||
};
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-2cb4e33c"]]);
|
||||
my.createPage(MiniProgramPage);
|
||||
7
unpackage/dist/dev/mp-alipay/pages/money/recharge.json
vendored
Normal file
7
unpackage/dist/dev/mp-alipay/pages/money/recharge.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"defaultTitle": "充值",
|
||||
"usingComponents": {
|
||||
"up-checkbox": "../../uni_modules/uview-plus/components/u-checkbox/u-checkbox",
|
||||
"up-button": "../../uni_modules/uview-plus/components/u-button/u-button"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user