From bd7dd96c732ded6854d47bf77f65e5c64d3d15e2 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期三, 21 五月 2025 13:24:09 +0800
Subject: [PATCH] fix: 修改ui
---
apps/taro/src/subpackages/recharge/gasBillRecharge/gasBillRecharge.vue | 42 ++++++++++++++++++++++++++++++++++++++++--
1 files changed, 40 insertions(+), 2 deletions(-)
diff --git a/apps/taro/src/subpackages/recharge/gasBillRecharge/gasBillRecharge.vue b/apps/taro/src/subpackages/recharge/gasBillRecharge/gasBillRecharge.vue
index a801c75..437bc9a 100644
--- a/apps/taro/src/subpackages/recharge/gasBillRecharge/gasBillRecharge.vue
+++ b/apps/taro/src/subpackages/recharge/gasBillRecharge/gasBillRecharge.vue
@@ -1,14 +1,52 @@
<template>
- <PageLayout title="鐕冩皵鍏呭��" class="gasBillRecharge-page-wrapper" hasBorder>
- <InnerPage />
+ <PageLayout
+ class="gasBillRecharge-page-wrapper"
+ :style="
+ current === 'step3' && {
+ backgroundImage: `url(${OssAssets.common.PhoneBillRechargePageBg})`,
+ }
+ "
+ :title="current != 'step3' ? title : ''"
+ >
+ <template #navigationBar v-if="current === 'step3'">
+ <TransparentNavigationBar
+ :title="title"
+ :is-absolute="false"
+ mode="dark"
+ navigationArrowWhite
+ >
+ </TransparentNavigationBar>
+ </template>
+ <InnerPage @currentChange="handleCurrentChange" />
</PageLayout>
</template>
<script setup lang="ts">
import { PageLayout } from '@/components';
import InnerPage from './InnerPage.vue';
+import { OssAssets } from '@/constants';
defineOptions({
name: 'gasBillRecharge',
});
+
+type Current = 'step1' | 'step2' | 'step3';
+
+const title = '鐕冩皵鍏呭��';
+
+const current = ref<Current>();
+
+function handleCurrentChange(val: Current) {
+ current.value = val;
+}
</script>
+
+<style lang="scss">
+@import '@/styles/common.scss';
+
+.gasBillRecharge-page-wrapper {
+ background-size: 100% 452px;
+ background-color: $body-background-color;
+ background-repeat: no-repeat;
+}
+</style>
--
Gitblit v1.9.1