From a605dd0aac8d3f7e87c2e8858cce944e2a2f43fe Mon Sep 17 00:00:00 2001 From: Liuyi <candymxq888@outlook.com> Date: 星期六, 21 九月 2024 17:33:49 +0800 Subject: [PATCH] 完成主页布局样式,添加余额记录页面,封装navbar组件 --- unpackage/dist/dev/mp-weixin/pages/index/index.js | 64 +++++++++++++++++++++---------- 1 files changed, 43 insertions(+), 21 deletions(-) diff --git a/unpackage/dist/dev/mp-weixin/pages/index/index.js b/unpackage/dist/dev/mp-weixin/pages/index/index.js index a703d33..e1e3762 100644 --- a/unpackage/dist/dev/mp-weixin/pages/index/index.js +++ b/unpackage/dist/dev/mp-weixin/pages/index/index.js @@ -1,42 +1,64 @@ "use strict"; const common_vendor = require("../../common/vendor.js"); +const common_assets = require("../../common/assets.js"); const _sfc_main = { __name: "index", setup(__props) { - const back = () => { + const topHeight = common_vendor.ref(0); + const isVip = common_vendor.ref(false); + function navToAddCard() { common_vendor.index.navigateTo({ - url: "/pages/login/index" + url: "/pages/addCard/index" }); - }; - const capsuleHeight = common_vendor.ref(0); + } + const functionList = common_vendor.ref([ + { text: "余额记录", icon: "../../static/images/index/icon31.png", url: "/pages/balanceRecord/index" }, + { text: "消费记录", icon: "../../static/images/index/icon32.png", url: "/pages/login/index" }, + { text: "充值记录", icon: "../../static/images/index/icon33.png", url: "/pages/login/index" }, + { text: "账户共享", icon: "../../static/images/index/icon34.png", url: "/pages/login/index" }, + { text: "优惠卷", icon: "../../static/images/index/icon35.png", url: "/pages/login/index" }, + { text: "电子发票", icon: "../../static/images/index/icon36.png", url: "/pages/login/index" }, + { text: "联系客服", icon: "../../static/images/index/icon37.png", url: "/pages/login/index" }, + { text: "推广分佣", icon: "../../static/images/index/icon38.png", url: "/pages/login/index" } + ]); + function navTo(itemUrl) { + common_vendor.index.navigateTo({ + url: itemUrl + }); + } common_vendor.onMounted(() => { if (common_vendor.index.getMenuButtonBoundingClientRect) { - capsuleHeight.value = (common_vendor.index.getMenuButtonBoundingClientRect().top + common_vendor.index.getMenuButtonBoundingClientRect().height) * 2; + topHeight.value = (common_vendor.index.getMenuButtonBoundingClientRect().top + common_vendor.index.getMenuButtonBoundingClientRect().height) * 2; } }); - const functionList = common_vendor.ref([ - { text: "余额", icon: "../../static/images/index/icon31.png", url: "/pages/login/index" }, - { text: "余额", icon: "../../static/images/index/icon32.png", url: "/pages/login/index" }, - { text: "余额", icon: "../../static/images/index/icon33.png", url: "/pages/login/index" }, - { text: "余额", icon: "../../static/images/index/icon34.png", url: "/pages/login/index" }, - { text: "余额", icon: "../../static/images/index/icon35.png", url: "/pages/login/index" }, - { text: "余额", icon: "../../static/images/index/icon36.png", url: "/pages/login/index" }, - { text: "余额", icon: "../../static/images/index/icon37.png", url: "/pages/login/index" }, - { text: "余额", icon: "../../static/images/index/icon38.png", url: "/pages/login/index" } - ]); return (_ctx, _cache) => { - return { - a: capsuleHeight.value + "rpx", - b: common_vendor.f(functionList.value, (item, index, i0) => { + return common_vendor.e({ + a: isVip.value + }, isVip.value ? { + b: common_assets._imports_0$1 + } : { + c: common_assets._imports_1 + }, { + d: common_assets._imports_2, + e: common_assets._imports_3, + f: common_vendor.o(($event) => navToAddCard()), + g: topHeight.value + "rpx", + h: common_assets._imports_4, + i: common_assets._imports_5, + j: common_vendor.f(functionList.value, (item, index, i0) => { return { a: item.icon, b: common_vendor.t(item.text), - c: common_vendor.o(($event) => _ctx.navTo(item.url), index), + c: common_vendor.o(($event) => navTo(item.url), index), d: index }; }), - c: common_vendor.o(($event) => back()) - }; + k: common_assets._imports_6, + l: common_assets._imports_7, + m: common_assets._imports_8, + n: common_assets._imports_9, + o: common_assets._imports_8 + }); }; } }; -- Gitblit v1.9.3