From 9453bef1fc4a3121b28ffa6617f0fbfc81d9f634 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期一, 19 五月 2025 17:35:11 +0800
Subject: [PATCH] fix: 修改首页ui
---
apps/taro/src/subpackages/recharge/phoneBillRecharge/phoneBillRecharge.vue | 37 ++++++++++++++++++++++++++++++++++++-
1 files changed, 36 insertions(+), 1 deletions(-)
diff --git a/apps/taro/src/subpackages/recharge/phoneBillRecharge/phoneBillRecharge.vue b/apps/taro/src/subpackages/recharge/phoneBillRecharge/phoneBillRecharge.vue
index 1a6a678..f813b87 100644
--- a/apps/taro/src/subpackages/recharge/phoneBillRecharge/phoneBillRecharge.vue
+++ b/apps/taro/src/subpackages/recharge/phoneBillRecharge/phoneBillRecharge.vue
@@ -1,5 +1,19 @@
<template>
- <PageLayout title="璇濊垂鍏呭��" class="phoneBillRecharge-page-wrapper" hasBorder>
+ <PageLayout
+ class="phoneBillRecharge-page-wrapper"
+ :style="{
+ backgroundImage: `url(${OssAssets.common.PhoneBillRechargePageBg})`,
+ }"
+ >
+ <template #navigationBar>
+ <TransparentNavigationBar
+ :title="'璇濊垂鍏呭��'"
+ :is-absolute="false"
+ mode="dark"
+ navigationArrowWhite
+ >
+ </TransparentNavigationBar>
+ </template>
<InnerPage />
</PageLayout>
</template>
@@ -7,8 +21,29 @@
<script setup lang="ts">
import { PageLayout } from '@/components';
import InnerPage from './InnerPage.vue';
+import { OssAssets } from '@/constants';
defineOptions({
name: 'phoneBillRecharge',
});
</script>
+
+<style lang="scss">
+@import '@/styles/common.scss';
+
+.phoneBillRecharge-page-wrapper {
+ background-size: 100% 452px;
+ background-color: $body-background-color;
+ background-repeat: no-repeat;
+
+ .phoneBillRecharge-page-bg {
+ position: fixed;
+ z-index: -1;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 452px;
+ object-fit: cover;
+ }
+}
+</style>
--
Gitblit v1.9.1