添加充值页面，添加地址管理

Liuyi

2024-09-25 21222d0795e3cb26a6116311e367022687298ea3

 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) {
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: "绑定会员卡"
    })
          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, [["render", _sfc_render]]);
};
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-f06186df"]]);
wx.createPage(MiniProgramPage);