Liuyi
2024-09-27 9ac5049e08ba842663761a432b41d36d3d1b2089
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
"use strict";
const common_vendor = require("../../common/vendor.js");
if (!Array) {
  const _easycom_navbar2 = common_vendor.resolveComponent("navbar");
  _easycom_navbar2();
}
const _easycom_navbar = () => "../../components/navbar/navbar.js";
if (!Math) {
  _easycom_navbar();
}
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);