From 21222d0795e3cb26a6116311e367022687298ea3 Mon Sep 17 00:00:00 2001
From: Liuyi <candymxq888@outlook.com>
Date: 星期三, 25 九月 2024 17:35:14 +0800
Subject: [PATCH] 添加充值页面，添加地址管理
---
unpackage/dist/dev/mp-weixin/pages/recharge/index.js | 99 +++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 90 insertions(+), 9 deletions(-)
diff --git a/unpackage/dist/dev/mp-weixin/pages/recharge/index.js b/unpackage/dist/dev/mp-weixin/pages/recharge/index.js
index 8a9776d..a0cb131 100644
--- a/unpackage/dist/dev/mp-weixin/pages/recharge/index.js
+++ b/unpackage/dist/dev/mp-weixin/pages/recharge/index.js
@@ -1,6 +1,5 @@
"use strict";
const common_vendor = require("../../common/vendor.js");
-const _sfc_main = {};
if (!Array) {
const _easycom_navbar2 = common_vendor.resolveComponent("navbar");
_easycom_navbar2();
@@ -9,12 +8,94 @@
if (!Math) {
_easycom_navbar();
}
-function _sfc_render(_ctx, _cache) {
- return {
- a: common_vendor.p({
- title: "绑定会员卡"
- })
- };
-}
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
+const _sfc_main = {
+ __name: "index",
+ setup(__props) {
+ const choosedMoney = common_vendor.ref();
+ const disabled = common_vendor.ref(true);
+ const moneyList = common_vendor.ref([
+ { value: 50, active: true },
+ { value: 100, active: false },
+ { value: 200, active: false },
+ { value: 500, active: false },
+ { value: 1e3, active: false },
+ { value: "其他金额", active: false }
+ ]);
+ const activeStyle = common_vendor.ref({
+ backgroundColor: "#5EADFF",
+ color: "#fff"
+ });
+ function chooseMoney(index1) {
+ moneyList.value.forEach((item, index) => {
+ if (item.active == true) {
+ item.active = false;
+ }
+ });
+ moneyList.value[index1].active = true;
+ if (index1 == 5) {
+ disabled.value = false;
+ choosedMoney.value = "";
+ } else {
+ choosedMoney.value = moneyList.value[index1].value;
+ otherMoney.value = "";
+ disabled.value = true;
+ }
+ }
+ const otherMoney = common_vendor.ref();
+ const payMethod = common_vendor.ref();
+ const payList = common_vendor.ref([
+ { text: "支付宝支付", value: 1, checked: true, img: "../../static/images/recharge/pay.png" },
+ { text: "微信支付", value: 2, checked: false, img: "../../static/images/recharge/wx.png" },
+ { text: "余额", value: 3, checked: false, img: "../../static/images/recharge/balance.png" }
+ ]);
+ function choosePay(index1) {
+ payList.value.forEach((item, index) => {
+ if (item.checked == true) {
+ item.checked = false;
+ }
+ });
+ payList.value[index1].checked = true;
+ payMethod.value = payList.value[index1].value;
+ }
+ function submit() {
+ let money = "";
+ if (disabled.value) {
+ money = choosedMoney.value;
+ } else {
+ money = otherMoney.value;
+ }
+ console.log("money", money);
+ }
+ return (_ctx, _cache) => {
+ return {
+ a: common_vendor.p({
+ title: "账户充值"
+ }),
+ b: common_vendor.f(moneyList.value, (item, index, i0) => {
+ return {
+ a: common_vendor.t(item.value),
+ b: common_vendor.s(item.active ? activeStyle.value : ""),
+ c: common_vendor.o(($event) => chooseMoney(index), index),
+ d: index
+ };
+ }),
+ c: disabled.value,
+ d: !disabled.value,
+ e: otherMoney.value,
+ f: common_vendor.o(($event) => otherMoney.value = $event.detail.value),
+ g: common_vendor.f(payList.value, (item, index, i0) => {
+ return {
+ a: item.img,
+ b: common_vendor.t(item.text),
+ c: item.value,
+ d: item.checked,
+ e: common_vendor.o(($event) => choosePay(index))
+ };
+ }),
+ h: common_vendor.o(($event) => submit())
+ };
+ };
+ }
+};
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-f06186df"]]);
wx.createPage(MiniProgramPage);
--
Gitblit v1.9.3