diff --git a/components/message/chat/chat-layout.vue b/components/message/chat/chat-layout.vue
index 9de617e..8bc4cb0 100644
--- a/components/message/chat/chat-layout.vue
+++ b/components/message/chat/chat-layout.vue
@@ -38,7 +38,9 @@
                     </view>
                     <view v-if="phone == 'iphone'" class="text-box flex-align-center flex-justify-center">
                         <text class="title">{{ chatInfo.title }}</text>
-                        <uni-icons type="right" size="10" color="#D8D8D8"></uni-icons>
+                        <!-- <uni-icons type="right" size="10" color="#D8D8D8"></uni-icons> -->
+                        <image style="width: 16rpx;height: 16rpx;"
+                            src="/static/image/phone-message/iphone/chat-right.png"></image>
                     </view>
                 </view>
             </slot>
diff --git a/components/nav-bar/nav-bar.vue b/components/nav-bar/nav-bar.vue
index d0b53b9..2a404f7 100644
--- a/components/nav-bar/nav-bar.vue
+++ b/components/nav-bar/nav-bar.vue
@@ -1,5 +1,5 @@
 <template>
-	<view style="width: 100%;" :style="{ height: `calc(${data.statusBarHeight}px + 88rpx)` }">
+	<view class="placeholder-box" style="width: 100%;" :style="{ height: `calc(${data.statusBarHeight}px + 88rpx)` }">
 		<!-- <slot name="statusBar"></slot> -->
 	</view>
 	<view class="nav-bar-container" :style="{ backgroundColor: bgColor, zIndex: zIndex }">
diff --git a/main.js b/main.js
index 9f143d4..de833d8 100644
--- a/main.js
+++ b/main.js
@@ -27,7 +27,7 @@ export function createApp() {
 	const systemInfo = uni.getStorageSync('systemInfo') || {}
 	app.config.globalProperties.$system = systemInfo.platform == 'ios' ? 'iOS' : 'Android'
 	app.config.globalProperties.$systemInfo = systemInfo
-	uni.setStorageSync('version', '1.0.3.sp8')
+	uni.setStorageSync('version', '1.0.3.sp12')
 	app.config.globalProperties.$version = uni.getStorageSync('version')
 
 	app.use(globalMethods);
diff --git a/pages.json b/pages.json
index 1b2e80b..4fb605e 100644
--- a/pages.json
+++ b/pages.json
@@ -9,20 +9,23 @@
 			}
 		}
 	],
-
-	"subPackages": [{
+	"subPackages": [
+		{
 			"root": "pages/call-log",
-			"pages": [{
-				"path": "call",
-				"style": {
-					"navigationBarTitleText": "通话记录页面",
-					"navigationStyle": "custom"
+			"pages": [
+				{
+					"path": "call",
+					"style": {
+						"navigationBarTitleText": "通话记录页面",
+						"navigationStyle": "custom"
+					}
 				}
-			}]
+			]
 		},
 		{
 			"root": "pages/message",
-			"pages": [{
+			"pages": [
+				{
 					"path": "list-index",
 					"style": {
 						"navigationBarTitleText": "短信列表首页",
@@ -38,9 +41,28 @@
 				}
 			]
 		},
+		{
+			"root": "pages/shopping",
+			"pages": [
+				{
+					"path": "index",
+					"style": {
+						"navigationBarTitleText": "购物app首页",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "jingdong/list-index",
+					"style": {
+						"navigationBarTitleText": "京东列表首页"
+					}
+				}
+			]
+		},
 		{
 			"root": "pages/balance",
-			"pages": [{
+			"pages": [
+				{
 					"path": "index",
 					"style": {
 						"navigationBarTitleText": "余额页面",
@@ -54,12 +76,20 @@
 						"navigationBarTitleText": "快速入口页面",
 						"navigationStyle": "custom"
 					}
+				},
+				{
+					"path": "transfer/transfer",
+					"style": {
+						"navigationBarTitleText": "转账模拟",
+						"navigationStyle": "custom"
+					}
 				}
 			]
 		},
 		{
 			"root": "pages/bill",
-			"pages": [{
+			"pages": [
+				{
 					"path": "bill-list/bill-list",
 					"style": {
 						"navigationBarTitleText": "账单列表页面",
@@ -84,7 +114,8 @@
 		},
 		{
 			"root": "pages/ant-credit-pay",
-			"pages": [{
+			"pages": [
+				{
 					"path": "index",
 					"style": {
 						"navigationBarTitleText": "花呗首页",
@@ -102,7 +133,8 @@
 		},
 		{
 			"root": "pages/finance-management",
-			"pages": [{
+			"pages": [
+				{
 					"path": "index",
 					"style": {
 						"navigationBarTitleText": "理财首页",
@@ -127,7 +159,8 @@
 		},
 		{
 			"root": "pages/other",
-			"pages": [{
+			"pages": [
+				{
 					"path": "/video-group-chat/video-group-chat",
 					"style": {
 						"navigationBarTitleText": "视频群聊",
@@ -208,7 +241,6 @@
 						"navigationStyle": "custom"
 					}
 				},
-				
 				{
 					"path": "train-tickets/ctrip-train-tickets/ctrip-train-tickets",
 					"style": {
@@ -234,7 +266,8 @@
 		},
 		{
 			"root": "pages/common",
-			"pages": [{
+			"pages": [
+				{
 					"path": "hot-icon/hot-icon",
 					"style": {
 						"navigationBarTitleText": "热门图标",
diff --git a/pages/balance/index.vue b/pages/balance/index.vue
index f2106ec..626331d 100644
--- a/pages/balance/index.vue
+++ b/pages/balance/index.vue
@@ -8,7 +8,7 @@
 	</view>
 	<view class="container" :style="{ height: data.windowHeight + 'px' }">
 		<view class="bg-container"></view>
-		<NavBar class="nav-bar" isRightIcon title="" tipLayerType="balance-tip" isTipLayer tipLayerText="修改余额"
+		<nav-bar class="nav-bar" isRightIcon title="" tipLayerType="balance-tip" isTipLayer tipLayerText="修改余额"
 			:bgColor="data.navBar.bgColor" :buttonGroup="buttonGroup" @button-click="clickTitlePopupButton">
 			<template v-slot:left>
 				<view class="nav-bar-left" @click="util.goBack()">
@@ -21,7 +21,7 @@
 					<image class="nav-icon" src="/static/image/nav-bar/more-white.png" mode=""></image>
 				</view>
 			</template>
-		</NavBar>
+		</nav-bar>
 		<scroll-view class="scroll-view" :style="{ height: (data.windowHeight - 44 - data.statusBarHeight) + 'px' }"
 			scroll-y="true">
 			<view class="h100 w100 flex-between" style="flex-direction: column;">
@@ -111,7 +111,7 @@
 </template>
 
 <script setup>
-import NavBar from '@/components/nav-bar/nav-bar'
+//import NavBar from '@/components/nav-bar/nav-bar'
 import BalanceList from '@/components/balance-list/balance-list.vue'
 import { fastEntranceList } from '@/static/json/initial.json'
 import {
diff --git a/pages/balance/transfer/transfer.vue b/pages/balance/transfer/transfer.vue
new file mode 100644
index 0000000..4026150
--- /dev/null
+++ b/pages/balance/transfer/transfer.vue
@@ -0,0 +1,991 @@
+<template>
+	<!-- 水印 -->
+	<view v-if="$isVip()">
+		<watermark dark="light" />
+		<liu-drag-button :canDocking="false" @clickBtn="$goRechargePage('watermark')">
+			<c-lottie ref="cLottieRef" :src='$watermark()' width="94px" height='74px' :loop="true"></c-lottie>
+		</liu-drag-button>
+	</view>
+	<view class="container">
+
+		<!-- 蓝色背景区域 -->
+		<view class="header-section">
+			<nav-bar bgColor="transparent" :isBack="false" tipLayerType="transfer-tip" isTipLayer tipLayerText="修改转账数据"
+				:buttonGroup="buttonGroup" @button-click="util.clickTitlePopupButton">
+				<template v-slot:right>
+					<view class="nav-link w100" style="text-align: right;white-space: nowrap;padding: 0;">
+						<text @click="util.goBack()">回首页</text>
+					</view>
+				</template>
+				<template v-slot:center>
+					<view class="status-box">
+						<image class="image" src="/static/image/balance/transfer/success.png"></image>
+						<text class="status-text">转账成功</text>
+					</view>
+				</template>
+			</nav-bar>
+
+			<!-- 转账状态信息 -->
+			<view class="success-info">
+				<view class="amount-box">
+					<text class="symbol">¥</text>
+					<text class="amount alipay-font">{{ Number(transferData.amount).toFixed(2) }}</text>
+				</view>
+
+				<!-- 收款方/付款方式 -->
+				<view class="details-box">
+					<view class="detail-item">
+						<text class="label">收款方</text>
+						<text class="value">{{ transferData.recipient }}</text>
+					</view>
+					<view class="detail-item">
+						<text class="label">付款方式</text>
+						<text class="value">{{ transferData.paymentMethod }}</text>
+					</view>
+				</view>
+			</view>
+			<!-- 立即通知收款人卡片 -->
+			<view class="card notification-card">
+				<view class="card-header">
+					<text class="card-title">立即通知收款人</text>
+					<view class="card-sub-title">
+						<text>预约转账</text>
+						<uni-icons type="right" size="16" color="#969696"></uni-icons>
+					</view>
+				</view>
+				<view class="card-item-bg">
+					<view class="user-info">
+						<view class="avatar-box">
+							<image v-if="transferData.avatar" class="avatar" :src="transferData.avatar"
+								mode="aspectFill">
+							</image>
+							<image v-else class="avatar" src="/static/image/balance/transfer/add-img.png"
+								mode="aspectFill" @click="openEditPopup">
+							</image>
+						</view>
+						<view class="user-details">
+							<view class="name-box">
+								<text class="name">{{ transferData.recipient }}</text>
+								<text class="remark-link">备注</text>
+							</view>
+							<text class="desc">信息准确，对账无忧</text>
+						</view>
+					</view>
+					<view class="notify-btn-box">
+						<view class="notify-btn">通知TA</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="promo-card">
+				<view class="promo-left-box">
+					<image class="img" src="/static/image/balance/transfer/card-img-2.png" mode="aspectFill"></image>
+				</view>
+				<view class="promo-right">
+					<view class="promo-content">
+						<text class="promo-title">{{ transferData.promoTitle }}</text>
+						<view class="promo-tags">
+							<text class="tag">淘宝闪购</text>
+							<text class="tag-desc">{{ transferData.promoTagDesc }}</text>
+						</view>
+					</view>
+					<view class="promo-right-box">
+
+						<view class="price-box">
+							<text class="p-num alipay-font">{{ transferData.promoPrice }}</text>
+							<text class="p-unit">元</text>
+						</view>
+						<view class="free-btn">免费领</view>
+					</view>
+				</view>
+
+			</view>
+
+		</view>
+
+		<!-- 白色卡片区域 -->
+		<view class="content-section">
+			<!-- 飞猪广告 -->
+			<view class="card fliggy-card">
+				<image class="banner-img" src="/static/image/balance/transfer/bottom-banner.png" mode="widthFix">
+				</image>
+				<view class="yaoyiyao-container">
+					<view class="yaoyiyao-box">
+						<image class="img" src="/static/image/balance/transfer/yaoyiyao.png" mode="widthFix"></image>
+						<text class="text">摇动或点击查看详情</text>
+					</view>
+				</view>
+				<view class="banner-footer">
+					<view class="banner-info">
+						<view class="logo-box">
+							<image class="logo" src="/static/image/balance/transfer/feizhu.png" mode="aspectFit">
+							</image>
+						</view>
+						<view class="text-content">
+							<text class="b-title">飞猪旅行</text>
+							<text class="b-desc">飞猪出行 超多折扣</text>
+						</view>
+					</view>
+					<view class="b-btn">领优惠</view>
+				</view>
+			</view>
+		</view>
+		<!-- 底部操作区 -->
+		<view class="footer-section">
+			<view class="finish-btn" @click="goBack">完成</view>
+		</view>
+
+		<!-- 编辑弹窗 -->
+		<uni-popup ref="editPopup" type="center">
+			<view class="edit-modal">
+				<view class="modal-title">编辑转账数据</view>
+				<view class="modal-content">
+					<scroll-view scroll-y="true" class="modal-scroll">
+						<view class="form-item">
+							<text class="require-dot">*</text>
+							<text class="label">选择头像</text>
+							<view class="avatar-picker" @click="chooseAvatar">
+								<image v-if="tempEditData.avatar" :src="tempEditData.avatar" mode="aspectFill"></image>
+								<image v-else class="dialog-avatar" src="/static/image/balance/transfer/add-img.png"
+									mode="aspectFill">
+								</image>
+							</view>
+						</view>
+						<view class="form-item">
+							<text class="require-dot">*</text>
+							<text class="label">收款方</text>
+							<uni-easyinput class="input" v-model="tempEditData.recipient" :inputBorder="false"
+								placeholder="请输入收款方" />
+						</view>
+						<view class="form-item">
+							<text class="require-dot">*</text>
+							<text class="label">付款方式</text>
+							<uni-easyinput class="input" v-model="tempEditData.paymentMethod" :inputBorder="false"
+								placeholder="请输入付款方式" />
+						</view>
+						<!-- 闪购神券配置 -->
+						<text class="form-title-desc">闪购神券配置</text>
+						<view class="form-item">
+							<text class="require-dot"></text>
+							<text class="label">闪购标题</text>
+							<uni-easyinput class="input" v-model="tempEditData.promoTitle" :inputBorder="false"
+								placeholder="请输入闪购标题" />
+						</view>
+						<view class="form-item">
+							<text class="require-dot"></text>
+							<text class="label">标签说明</text>
+							<uni-easyinput class="input" v-model="tempEditData.promoTagDesc" :inputBorder="false"
+								placeholder="请输入标签说明" />
+						</view>
+						<view class="form-item price-item">
+							<text class="require-dot"></text>
+							<text class="label">神券金额</text>
+							<view class="input-with-unit">
+								<uni-easyinput class="input" v-model="tempEditData.promoPrice" :inputBorder="false"
+									placeholder="请输入神券金额" />
+								<text class="unit">元</text>
+							</view>
+						</view>
+					</scroll-view>
+				</view>
+				<view class="modal-footer">
+					<view class="btn cancel" @click="closeEditPopup">取消</view>
+					<view class="btn confirm" @click="confirmEdit">确定</view>
+				</view>
+			</view>
+		</uni-popup>
+	</view>
+
+</template>
+
+<script setup>
+import {
+	ref,
+	onMounted,
+	reactive
+} from 'vue';
+import {
+	onShow
+} from '@dcloudio/uni-app';
+import {
+	util,
+	numberUtil
+} from '@/utils/common.js';
+
+const statusBarHeight = ref(0);
+const editPopup = ref(null);
+
+const STORAGE_KEY = 'alipay_transfer_data';
+
+const transferData = reactive({
+	amount: '10000',
+	recipient: '小王(*王)',
+	paymentMethod: '工商银行卡(9999)',
+	avatar: '',
+	promoTitle: '零售购物券',
+	promoTagDesc: '满29元可用',
+	promoPrice: '8'
+});
+
+// 从缓存加载数据
+const loadStorageData = () => {
+	const savedData = uni.getStorageSync(STORAGE_KEY);
+	if (savedData) {
+		Object.assign(transferData, savedData);
+	}
+};
+
+loadStorageData();
+
+const tempEditData = reactive({
+	recipient: '',
+	paymentMethod: '',
+	avatar: '',
+	promoTitle: '',
+	promoTagDesc: '',
+	promoPrice: ''
+});
+
+const buttonGroup = [{
+	name: "修改转账数据",
+	click: () => {
+		openEditPopup();
+	}
+}]
+
+const openEditPopup = () => {
+	tempEditData.recipient = transferData.recipient;
+	tempEditData.paymentMethod = transferData.paymentMethod;
+	tempEditData.avatar = transferData.avatar;
+	tempEditData.promoTitle = transferData.promoTitle;
+	tempEditData.promoTagDesc = transferData.promoTagDesc;
+	tempEditData.promoPrice = transferData.promoPrice;
+	editPopup.value.open();
+};
+
+const closeEditPopup = () => {
+	editPopup.value.close();
+};
+
+/**
+ * 将图片保存到本地持久化存储
+ */
+const saveImageToLocal = (tempFilePath) => {
+	return new Promise((resolve) => {
+		// #ifdef APP-PLUS
+		// 如果是已经持久化的路径或是静态资源，直接返回
+		if (!tempFilePath || tempFilePath.startsWith('_doc') || tempFilePath.startsWith('/static')) {
+			return resolve(tempFilePath);
+		}
+		uni.saveFile({
+			tempFilePath: tempFilePath,
+			success: (res) => {
+				resolve(res.savedFilePath);
+			},
+			fail: (err) => {
+				console.error('图片持久化失败:', err);
+				resolve(tempFilePath);
+			}
+		});
+		// #endif
+		// #ifndef APP-PLUS
+		resolve(tempFilePath);
+		// #endif
+	});
+};
+
+/**
+ * 删除本地持久化文件
+ */
+const removeLocalFile = (filePath) => {
+	// #ifdef APP-PLUS
+	if (filePath && filePath.startsWith('_doc')) {
+		uni.removeSavedFile({
+			filePath: filePath,
+			success: () => {
+				console.log('本地文件删除成功:', filePath);
+			},
+			fail: (err) => {
+				console.warn('本地文件删除失败:', filePath, err);
+			}
+		});
+	}
+	// #endif
+};
+
+const confirmEdit = async () => {
+	if (!tempEditData.avatar) {
+		uni.showToast({
+			title: '请选择头像',
+			icon: 'none'
+		});
+		return;
+	}
+	if (!tempEditData.recipient.trim()) {
+		uni.showToast({
+			title: '请输入收款方',
+			icon: 'none'
+		});
+		return;
+	}
+	if (!tempEditData.paymentMethod.trim()) {
+		uni.showToast({
+			title: '请输入付款方式',
+			icon: 'none'
+		});
+		return;
+	}
+
+	// 处理头像持久化 (仅限 APP 端)
+	let finalAvatarPath = tempEditData.avatar;
+	// #ifdef APP-PLUS
+	if (tempEditData.avatar !== transferData.avatar) {
+		// 如果图片发生了变化，保存新图并尝试删除旧图
+		finalAvatarPath = await saveImageToLocal(tempEditData.avatar);
+		if (transferData.avatar) {
+			removeLocalFile(transferData.avatar);
+		}
+	}
+	// #endif
+
+	transferData.recipient = tempEditData.recipient;
+	transferData.paymentMethod = tempEditData.paymentMethod;
+	transferData.avatar = finalAvatarPath;
+	transferData.promoTitle = tempEditData.promoTitle;
+	transferData.promoTagDesc = tempEditData.promoTagDesc;
+	transferData.promoPrice = tempEditData.promoPrice;
+
+	// 保存到本地缓存
+	uni.setStorageSync(STORAGE_KEY, transferData);
+
+	closeEditPopup();
+};
+
+const chooseAvatar = () => {
+	uni.chooseImage({
+		count: 1,
+		sizeType: ['compressed'],
+		sourceType: ['album', 'camera'],
+		success: (res) => {
+			tempEditData.avatar = res.tempFilePaths[0];
+		}
+	});
+};
+
+onMounted(() => {
+	const systemInfo = uni.getSystemInfoSync();
+	if (systemInfo.statusBarHeight) {
+		statusBarHeight.value = systemInfo.statusBarHeight;
+	}
+});
+
+onShow(() => {
+	// #ifdef APP-PLUS
+	util.setAndroidSystemBarColor('#F5F5F5')
+	uni.setNavigationBarColor({
+		animation: { // 动画效果
+			duration: 100,
+			timingFunc: 'easeIn'
+		}
+	})
+	setTimeout(() => {
+		plus.navigator.setStatusBarStyle("light");
+	}, 500);
+	// #endif
+})
+
+const goBack = () => {
+	uni.navigateBack();
+};
+</script>
+
+<style lang="less" scoped>
+@import "@/common/main.css";
+
+.container {
+	min-height: 100vh;
+	background-color: #F5F5F5;
+}
+
+/* 编辑弹窗样式 */
+.edit-modal {
+	background-color: #fff;
+	width: 600rpx;
+	border-radius: 40rpx;
+	padding: 40rpx;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+
+	.modal-title {
+		font-size: 32rpx;
+		font-weight: 500;
+		color: #1a1a1a;
+		margin-bottom: 40rpx;
+		text-align: center;
+	}
+
+	.modal-content {
+		width: 100%;
+		overflow: hidden;
+
+		.modal-scroll {
+			max-height: 60vh;
+		}
+
+		.form-title-desc {
+			display: block;
+			color: #767676;
+			font-size: 24rpx;
+			padding-bottom: 24rpx;
+		}
+
+		.form-item {
+			display: flex;
+			align-items: center;
+			margin-bottom: 32rpx;
+			width: 100%;
+
+			::v-deep .uni-easyinput__content {
+				background-color: transparent !important;
+			}
+
+			.require-dot {
+				color: #ff4d4f;
+				margin-right: 10rpx;
+				font-size: 32rpx;
+			}
+
+			.label {
+				font-size: 28rpx;
+				color: #1A1A1A;
+				width: 160rpx;
+				flex-shrink: 0;
+			}
+
+			.avatar-picker {
+				width: 84rpx;
+				height: 84rpx;
+				background-color: #f5f5f5;
+				border-radius: 12rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				overflow: hidden;
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+
+			.input-with-unit {
+				flex: 1;
+				display: flex;
+				align-items: center;
+				background-color: #F6F6F6;
+				border-radius: 12rpx;
+				padding: 0rpx 20rpx;
+
+				.input {
+					flex: 1;
+					background-color: transparent;
+					padding: 0;
+					font-size: 28rpx;
+
+					::v-deep .uni-easyinput__content-input {
+						height: 70rpx !important;
+					}
+
+					::v-deep .uni-easyinput__placeholder-class {
+						font-size: 28rpx !important;
+					}
+				}
+
+				.unit {
+					font-size: 28rpx;
+					color: #1A1A1A;
+					margin-left: 10rpx;
+				}
+			}
+
+			.input {
+				flex: 1;
+				background-color: #F6F6F6;
+				border-radius: 12rpx;
+				padding: 0rpx 20rpx;
+				font-size: 28rpx;
+
+				::v-deep .uni-easyinput__content-input {
+					height: 70rpx !important;
+				}
+
+				::v-deep .uni-easyinput__placeholder-class {
+					font-size: 28rpx !important;
+				}
+			}
+		}
+	}
+
+	.modal-footer {
+		display: flex;
+		justify-content: space-between;
+		width: 100%;
+		margin-top: 40rpx;
+
+		.btn {
+			width: 240rpx;
+			height: 88rpx;
+			line-height: 88rpx;
+			text-align: center;
+			border-radius: 12rpx;
+			font-size: 32rpx;
+			font-weight: 500;
+		}
+
+		.cancel {
+			background-color: #F1F1F1;
+			color: #767676;
+		}
+
+		.confirm {
+			background-color: #1777FF;
+			color: #fff;
+		}
+	}
+}
+
+.header-section {
+	background: linear-gradient(181deg, #3884FD 60%, rgba(30, 128, 253, 0.5) 81.75%, rgba(30, 128, 253, 0) 100%);
+
+	::v-deep .nav-bar-container {
+		position: relative !important;
+	}
+
+	::v-deep .placeholder-box {
+		display: none !important;
+		background: transparent;
+	}
+
+	::v-deep .tipLayer {
+		position: absolute;
+	}
+}
+
+.status-bar {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding: 0 40rpx;
+}
+
+
+.nav-link {
+	padding: 0 30rpx;
+	text-align: right;
+	font-size: 28rpx;
+	line-height: 28rpx;
+	color: #fff;
+}
+
+.success-info {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	margin-top: 20rpx;
+}
+
+.status-box {
+	display: flex;
+	align-items: center;
+	margin-top: 10rpx;
+	height: 34rpx;
+
+	.image {
+		width: 34rpx;
+		height: 34rpx;
+		margin-right: 12rpx;
+	}
+
+	.status-text {
+		font-size: 34rpx;
+		color: #FFFFFF;
+		font-weight: 500;
+		line-height: 34rpx;
+	}
+}
+
+.amount-box {
+	display: flex;
+	align-items: baseline;
+	color: #fff;
+	margin-top: 40rpx;
+	margin-bottom: 72rpx;
+
+	.symbol {
+		font-size: 68rpx;
+		margin-right: 4rpx;
+	}
+
+	.amount {
+		font-size: 92rpx;
+		line-height: 92rpx;
+		font-weight: 500;
+	}
+}
+
+.details-box {
+	width: 100%;
+	padding: 0 46rpx;
+
+	.detail-item {
+		display: flex;
+		justify-content: space-between;
+		margin-bottom: 20rpx;
+		height: 26rpx;
+		font-size: 26rpx;
+		color: rgba(255, 255, 255, 0.9);
+
+		text {
+			font-size: 26rpx;
+			color: rgba(255, 255, 255, 0.9);
+			line-height: 26rpx;
+		}
+
+	}
+}
+
+.content-section {
+	padding: 24rpx;
+	background-color: #F5F5F5;
+	border-radius: 30rpx 30rpx 0 0;
+}
+
+.card {
+	background-color: #fff;
+	border-radius: 20rpx;
+	margin-bottom: 24rpx;
+	box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.02);
+}
+
+.notification-card {
+	padding: 24rpx 16rpx;
+	margin: 10rpx 24rpx;
+
+	.card-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: 22rpx;
+
+		.card-title {
+			font-size: 28rpx;
+			line-height: 28rpx;
+			font-weight: 500;
+			color: #1A1A1A;
+		}
+
+		.card-sub-title {
+			font-size: 28rpx;
+			line-height: 28rpx;
+			color: #969696;
+			display: flex;
+			align-items: center;
+		}
+	}
+
+	.card-item-bg {
+		background-color: #fff;
+		background-image: url("/static/image/balance/transfer/card-bg.png");
+		background-size: cover;
+		background-position: center;
+		border-radius: 16rpx;
+		padding: 18rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		position: relative;
+		overflow: hidden;
+
+		.user-info {
+			display: flex;
+			align-items: center;
+			z-index: 1;
+
+			.avatar {
+				width: 100rpx;
+				height: 100rpx;
+				border-radius: 8rpx;
+				margin-right: 22rpx;
+				border: 2px solid #FFFFFF;
+			}
+
+			.name-box {
+				display: flex;
+				align-items: center;
+				margin-bottom: 10rpx;
+
+				.name {
+					font-size: 32rpx;
+					line-height: 32rpx;
+					color: #35363B;
+					font-weight: 500;
+				}
+
+				.remark-link {
+					font-size: 26rpx;
+					line-height: 26rpx;
+					color: #1777FF;
+					margin-left: 20rpx;
+				}
+			}
+
+			.desc {
+				font-size: 26rpx;
+				line-height: 26rpx;
+				color: #969696;
+			}
+		}
+
+		.notify-btn {
+			height: 52rpx;
+			line-height: 52rpx;
+			padding: 0 20rpx;
+			background-color: #1777FF;
+			color: #FFFFFF;
+			font-size: 24rpx;
+			border-radius: 26rpx;
+			z-index: 1;
+		}
+
+		.watermark-icon {
+			position: absolute;
+			right: 20rpx;
+			bottom: -20rpx;
+			opacity: 0.5;
+		}
+	}
+}
+
+.promo-card {
+	// padding: 30rpx;
+	margin: 24rpx;
+	margin-bottom: 10rpx;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+
+
+
+	.promo-left-box {
+		display: flex;
+		align-items: center;
+		padding: 34rpx;
+		background-image: url("/static/image/balance/transfer/card-bg-2-left.png");
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+		background-position: center;
+		height: 144rpx;
+
+
+		.img {
+			width: 70rpx;
+			height: 70rpx;
+		}
+
+	}
+
+
+
+	.promo-right {
+		height: 144rpx;
+		background-image: url("/static/image/balance/transfer/card-bg-2-right.png");
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+		background-position: center;
+		flex: 1;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 32rpx 32rpx 24rpx;
+
+		.promo-title {
+			font-size: 28rpx;
+			line-height: 28rpx;
+			font-weight: 500;
+			color: #1A1A1A;
+		}
+
+		.promo-tags {
+			display: flex;
+			align-items: center;
+			margin-top: 8rpx;
+
+			.tag {
+				font-size: 24rpx;
+				line-height: 34rpx;
+				height: 34rpx;
+				color: #EF673C;
+				background-color: #FFF2F1;
+				border-radius: 4rpx;
+				margin-right: 12rpx;
+				padding: 0 12rpx;
+			}
+
+			.tag-desc {
+				font-size: 24rpx;
+				line-height: 24rpx;
+				color: #969696;
+			}
+		}
+
+
+	}
+
+	.promo-right-box {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+
+		.price-box {
+			color: #F93950;
+
+			.p-num {
+				font-size: 34rpx;
+				line-height: 24rpx;
+				font-weight: 500;
+			}
+
+			.p-unit {
+				font-size: 24rpx;
+				line-height: 24rpx;
+				margin-left: 2rpx;
+			}
+		}
+
+		.free-btn {
+			height: 52rpx;
+			line-height: 52rpx;
+			padding: 0 24rpx;
+			background-color: #FA3A49;
+			color: #fff;
+			font-size: 24rpx;
+			border-radius: 26rpx;
+		}
+	}
+}
+
+.fliggy-card {
+	overflow: hidden;
+
+	.banner-img {
+		width: 100%;
+	}
+
+	.yaoyiyao-container {
+		width: 100%;
+		display: flex;
+		justify-content: center;
+		margin-top: -80rpx;
+		padding-bottom: 16rpx;
+
+		.yaoyiyao-box {
+			padding: 12rpx 18rpx;
+			display: flex;
+			align-items: center;
+			background-color: #000000;
+			border-radius: 28rpx;
+			opacity: 0.5;
+
+			.img {
+				width: 32rpx;
+				height: 32rpx;
+				margin-right: 14rpx;
+			}
+
+			.text {
+				color: #FFFFFF;
+				font-size: 24rpx;
+				line-height: 24rpx;
+			}
+
+		}
+	}
+
+	.banner-footer {
+		padding: 24rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+
+		.banner-info {
+			display: flex;
+			align-items: center;
+
+			.logo-box {
+				width: 76rpx;
+				height: 76rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				margin-right: 20rpx;
+
+				.logo {
+					width: 76rpx;
+					height: 76rpx;
+				}
+			}
+
+			.text-content {
+				display: flex;
+				flex-direction: column;
+			}
+
+			.b-title {
+				font-size: 28rpx;
+				line-height: 28rpx;
+				color: #1A1A1A;
+				font-weight: 500;
+			}
+
+			.b-desc {
+				margin-top: 12rpx;
+				font-size: 24rpx;
+				line-height: 24rpx;
+				color: #969696;
+			}
+		}
+
+		.b-btn {
+			padding: 0 20rpx;
+			background-color: #FF3A31;
+			color: #fff;
+			font-size: 26rpx;
+			height: 52rpx;
+			line-height: 52rpx;
+			border-radius: 8rpx;
+		}
+	}
+}
+
+.footer-section {
+	padding: 8rpx 40rpx 0;
+	display: flex;
+	justify-content: center;
+	padding-bottom: 24rpx;
+	padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
+	padding-bottom: calc(24rpx + constant(safe-area-inset-bottom));
+
+	.finish-btn {
+		height: 84rpx;
+		width: 390rpx;
+		line-height: 84rpx;
+		text-align: center;
+		border: 1px solid #2172CA;
+		border-radius: 42rpx;
+		color: #2172CA;
+		font-size: 32rpx;
+		background-color: transparent;
+	}
+}
+</style>
\ No newline at end of file
diff --git a/pages/index/index.nvue b/pages/index/index.nvue
index 7295113..8970dce 100644
--- a/pages/index/index.nvue
+++ b/pages/index/index.nvue
@@ -105,11 +105,11 @@
 						</view>
 					</view>
 
-					<view class="activity-box">
+					<!-- 					<view class="activity-box">
 						<image class="alipay-year-bill" :style="{ width: (windowWidth - 32) + 'px' }"
 							src="/static/image/index/alipay-year-bill.png" mode="widthFix"
 							@click="util.goPage(`/pages/common/alipay-annual-bill/alipay-annual-bill`)"></image>
-					</view>
+					</view> -->
 
 					<view class="group-box">
 						<image class="title-img" src="/static/image/index/qita.png"></image>
@@ -136,834 +136,849 @@
 	</view>
 </template>
 <script setup>
-import {
-	util,
-	uiUtil
-} from '@/utils/common.js'
-import {
-	storage
-} from '@/utils/storage.js'
-import {
-	get,
-	postJson
-} from '@/utils/requests.js'
-import {
-	ref,
-	reactive,
-	toRefs
-} from 'vue';
+	import {
+		util,
+		uiUtil
+	} from '@/utils/common.js'
+	import {
+		storage
+	} from '@/utils/storage.js'
+	import {
+		get,
+		postJson
+	} from '@/utils/requests.js'
+	import {
+		ref,
+		reactive,
+		toRefs
+	} from 'vue';
 
-import {
-	onLoad,
-	onShow,
-	onHide,
-	onUnload,
-	onReady
-} from '@dcloudio/uni-app';
+	import {
+		onLoad,
+		onShow,
+		onHide,
+		onUnload,
+		onReady
+	} from '@dcloudio/uni-app';
 
-onReady(() => {
-	// NVUE 挂载极快，但给它 100~200ms 的喘息让原生视图确认渲染
-	setTimeout(() => {
-		// #ifdef APP-PLUS
-		plus.navigator.closeSplashscreen();
-		// #endif
-	}, 150);
-});
+	onReady(() => {
+		// NVUE 挂载极快，但给它 100~200ms 的喘息让原生视图确认渲染
+		setTimeout(() => {
+			// #ifdef APP-PLUS
+			plus.navigator.closeSplashscreen();
+			// #endif
+		}, 150);
+	});
 
-// 内部埋点方法
-const apiUserEvent = async (type, adminData) => {
-	let uni_version = uni.getStorageSync("version")
-	if (type != 'uni') {
-		await postJson('a', 'api/user/event', {
-			type: adminData.type,
-			key: adminData.type + ".uni.alipay." + adminData.key,
-			value: adminData.value,
-			extra: JSON.stringify({
-				uni_version: uni_version,
-				...adminData.extra
-			}),
+	// 内部埋点方法
+	const apiUserEvent = async (type, adminData) => {
+		let uni_version = uni.getStorageSync("version")
+		if (type != 'uni') {
+			await postJson('a', 'api/user/event', {
+				type: adminData.type,
+				key: adminData.type + ".uni.alipay." + adminData.key,
+				value: adminData.value,
+				extra: JSON.stringify({
+					uni_version: uni_version,
+					...adminData.extra
+				}),
+			})
+		}
+	}
+
+	// 内部跳转充值页方法
+	const goRechargePage = () => {
+		// 进入页面
+		apiUserEvent('all', {
+			type: "event",
+			key: "payment_onload",
+			value: "进入充值页面",
+			extra: {
+				from: "支付宝模拟器首页"
+			}
 		})
-	}
-}
-
-// 内部跳转充值页方法
-const goRechargePage = () => {
-	// 进入页面
-	apiUserEvent('all', {
-		type: "event",
-		key: "payment_onload",
-		value: "进入充值页面",
-		extra: {
-			from: "支付宝模拟器首页"
-		}
-	})
-	uni.navigateTo({
-		url: '/pages/common/recharge/index'
-	});
-}
-
-// 菜单列表
-const menuList = [{
-	icon: "yuemoni",
-	name: "余额模拟",
-	isHot: false,
-	path: "/pages/balance/index"
-},
-{
-	icon: "zhangdanshencheng",
-	name: "账单生成",
-	isHot: false,
-	path: "/pages/bill/bill-list/bill-list"
-},
-{
-	icon: "licaiheika",
-	name: "理财黑卡",
-	isHot: true,
-	path: "/pages/finance-management/index"
-	// path: ""
-},
-{
-	icon: "huabei",
-	name: "花呗",
-	isHot: false,
-	path: "/pages/ant-credit-pay/index"
-},
-]
-const otherList = [{
-	icon: "/static/image/index/qita/jipiao.png",
-	name: "机票",
-	path: "/pages/other/tickets-app/index?type=airTicket"
-},
-{
-	icon: "/static/image/index/qita/huochepiao.png",
-	name: "火车票",
-	// path: "/pages/other/train-tickets/12306-tickets/12306-tickets"
-	path: "/pages/other/tickets-app/index?type=trainTicket"
-},
-{
-	icon: "/static/image/index/qita/gongzidan.png",
-	name: "工资单",
-	path: "/pages/other/splash/splash"
-},
-{
-	icon: "/static/image/index/qita/shipinqunliao.png",
-	name: "视频群聊",
-	path: "/pages/other/video-group-chat/video-group-chat"
-},
-{
-	icon: "/static/image/index/qita/card.png",
-	name: "身份证",
-	path: "/pages/other/card/card"
-},
-{
-	icon: "/static/image/index/qita/message.png",
-	name: "短信",
-	path: "/pages/common/call-and-message-entry/call-and-message-entry?type=message"
-},
-{
-	icon: "/static/image/index/qita/call.png",
-	name: "通话",
-	path: "/pages/common/call-and-message-entry/call-and-message-entry?type=call"
-},
-]
-
-const data = reactive({
-	navBarBgColor: 'transparent',
-	statusBarHeight: 0,
-	windowWidth: 0,
-	windowHeight: 0,
-	userInfo: {},
-	videoHelpList: [],
-	noticeInfo: {},
-	vision: "",
-	platform: '', // 添加平台信息,
-	qqgroup: {}
-})
-
-const {
-	statusBarHeight,
-	windowWidth,
-	windowHeight,
-	userInfo,
-	videoHelpList,
-	noticeInfo,
-	vision,
-	platform,
-	qqgroup
-} = toRefs(data);
-
-/**
- * 处理页面滚动事件
- */
-const handleScroll = (e) => {
-	const scrollTop = e.detail.scrollTop
-	// 滚动超过20px时显示蓝色背景，否则显示透明背景
-	if (scrollTop > 20) {
-		data.navBarBgColor = '#DDF0FD'
-	} else {
-		data.navBarBgColor = 'transparent'
-	}
-}
-
-onLoad(async () => {
-	// 获取平台信息
-	const systemInfo = uni.getSystemInfoSync()
-	data.platform = systemInfo.platform
-	data.vision = uni.getStorageSync('version')
-})
-
-onShow(() => {
-	// 启动时获取数据
-	fetchUserData()
-	// 每次显示时刷新数据
-	setUserData()
-	// 获取系统信息
-	const systemInfo = uni.getSystemInfoSync();
-	data.statusBarHeight = systemInfo.statusBarHeight;
-	data.windowWidth = systemInfo.windowWidth;
-	data.windowHeight = systemInfo.windowHeight;
-	// #ifdef APP-PLUS
-	util.setAndroidSystemBarColor('#F0F4F9')
-	setTimeout(() => {
-		plus.navigator.setStatusBarStyle("dark");
-	}, 500)
-	// #endif
-})
-
-/**
- * 获取用户数据(从服务器)
- */
-const fetchUserData = async () => {
-	try {
-		// 先设置默认值,避免页面显示异常
-		setUserData()
-
-		// 并行获取用户信息和配置
-		const [userResult, configResult] = await Promise.allSettled([
-			fetchUserInfo(),
-			fetchUserConfig()
-		])
-
-		// 处理用户信息结果
-		if (userResult.status === 'fulfilled') {
-			console.log('用户信息获取成功')
-		} else {
-			console.error('获取用户信息失败:', userResult.reason)
-		}
-
-		// 处理用户配置结果
-		if (configResult.status === 'fulfilled') {
-			console.log('用户配置获取成功')
-		} else {
-			console.error('获取用户配置失败:', configResult.reason)
-		}
-
-		// 刷新页面数据
-		setUserData()
-
-		// 检查是否有延迟跳转
-		const jumpTarget = uni.getStorageSync('jumpTarget_url');
-		if (jumpTarget) {
-			console.log('执行延迟跳转:', jumpTarget);
-			uni.removeStorageSync('jumpTarget_url');
-			uni.navigateTo({
-				url: '/' + jumpTarget
-			});
-		}
-	} catch (error) {
-		console.error('获取用户数据异常:', error)
-	}
-}
-
-/**
- * 获取用户信息
- */
-const fetchUserInfo = async () => {
-	const data = await get('', 'api/user', {})
-	if (data.code === 0) {
-		uni.setStorageSync('userInfo', data.data)
-		return data.data
-	} else {
-		throw new Error(data.message || '获取用户信息失败')
-	}
-}
-
-/**
- * 获取用户配置
- */
-const fetchUserConfig = async () => {
-	const data = await get('', 'api/user/config', {})
-	if (data.code === 0) {
-		uni.setStorageSync('config', data.data)
-		return data.data
-	} else {
-		throw new Error(data.message || '获取用户配置失败')
-	}
-}
-
-
-/**
- * 设置用户数据(从本地存储读取)
- */
-const setUserData = () => {
-	// 用户信息 - 提供默认值
-	const userInfoData = storage.get("userInfo")
-	data.userInfo = userInfoData || {
-		user_id: '加载中...',
-		avater: '/static/default-avatar.png',
-		vip: 0,
-		vip_expire: ''
-	}
-
-	// 配置信息 - 安全访问
-	const configData = storage.get("config")
-	if (configData && configData.config) {
-		console.log("公告牌配置信息", configData.config['client.uniapp.notice'])
-		data.noticeInfo = configData.config['client.uniapp.notice'] || {
-			text: '加载中...',
-			url: '',
-			enable: false
-		}
-		data.noticeInfo = configData.config['client.uniapp.notice'] || {
-			text: '加载中...',
-			url: '',
-			enable: false
-		}
-		// 启动走马灯
-		startMarquee();
-		data.videoHelpList = configData.config['client.uniapp.alipay.video_help'] || []
-		// data.videoHelpList.push(configData.config['client.uniapp.alipay.video_help'][0])
-		data.qqgroup = configData.config['client.uniapp.qqgroup'] || {
-			enable: false,
-			number: "",
-			text: ""
-		}
-
-	} else {
-		data.noticeInfo = {
-			text: '加载中...',
-			url: '',
-			enable: false
-		}
-		data.videoHelpList = []
-	}
-}
-
-const clickMenu = (item) => {
-	if (!item.path) {
-		uiUtil.showError('开发中')
-	} else {
-		const isOverdue = storage.get("huabei_info_storage").isOverdue || false
-		let url = item.path
-		if (item.name == "花呗" && isOverdue) {
-			url = "/pages/ant-credit-pay/overdue-payment/overdue-payment"
-		}
-		util.goPage(url)
-	}
-}
-
-
-// 开通vip
-const openVip = () => {
-	goRechargePage()
-}
-
-/**
- * 点击视频教程
- * @param item 
- */
-const clickVideoHelp = (item) => {
-	const url = item.url
-	util.goPage(`/pages/common/webview/webview?url=${encodeURIComponent(url)}&title=${item.text}`)
-}
-
-/**
- * 点击公告
- */
-const clickNotice = () => {
-	console.log("点击公告", noticeInfo.value)
-	if (!noticeInfo.value.url) return
-	const url = noticeInfo.value.url + `&uni_id=${userInfo.value.user_id}`
-	util.goPage(`/pages/common/webview/webview?url=${encodeURIComponent(url)}&title=${noticeInfo.value.title}`)
-}
-
-/**
- * 终极兼容版复制函数
- */
-const copyNumber = (number) => {
-	if (!number) return;
-	const text = String(number);
-	uni.setClipboardData({
-		data: text,
-		success: function () {
-			uni.showToast({
-				title: '复制成功',
-				icon: 'none'
-			});
-		},
-		fail: function () {
-			uni.showToast({
-				title: '复制失败',
-				icon: 'none'
-			});
-		}
-	});
-}
-
-
-/**
- * 退出模拟器
- */
-const exit = () => {
-	console.log("退出模拟器")
-	// 判断是否为 iOS 环境
-	if (uni.getSystemInfoSync().platform === 'ios') {
-		uni.sendNativeEvent('closeUniAPP', "closeUniAPP", ret => {
-			console.log('宿主App回传的数据：' + ret);
+		uni.navigateTo({
+			url: '/pages/common/recharge/index'
 		});
-	} else {
-		plus.runtime.quit();
-	}
-}
-
-const noticeContainer = ref(null);
-const noticeInner = ref(null);
-const noticeBox = ref(null);
-
-// #ifndef H5
-const animation = uni.requireNativePlugin('animation');
-const dom = uni.requireNativePlugin('dom');
-// #endif
-
-let marqueeTimer = null;
-const currentMarqueeId = ref(0);
-const lastMarqueeText = ref('');
-
-/**
- * 开始走马灯
- */
-const startMarquee = () => {
-	// 避免不必要的重置：如果文本没有变化且正在运行，则忽略
-	if (lastMarqueeText.value === noticeInfo.value.text && currentMarqueeId.value > 0) {
-		return;
-	}
-	lastMarqueeText.value = noticeInfo.value.text;
-
-	// 清除待执行的启动定时器
-	if (marqueeTimer) {
-		clearTimeout(marqueeTimer);
-		marqueeTimer = null;
 	}
 
-	// 增加 ID 以使之前的动画循环失效
-	currentMarqueeId.value++;
-	const myId = currentMarqueeId.value;
+	// 菜单列表
+	const menuList = [{
+			icon: "yuemoni",
+			name: "余额模拟",
+			isHot: false,
+			path: "/pages/balance/index"
+		},
+		{
+			icon: "zhangdanshencheng",
+			name: "账单生成",
+			isHot: false,
+			path: "/pages/bill/bill-list/bill-list"
+		},
+		{
+			icon: "licaiheika",
+			name: "理财黑卡",
+			isHot: true,
+			path: "/pages/finance-management/index"
+			// path: ""
+		},
+		{
+			icon: "huabei",
+			name: "花呗",
+			isHot: false,
+			path: "/pages/ant-credit-pay/index"
+		}, {
+			icon: "zhuanzhang",
+			name: "转账模拟",
+			isHot: false,
+			path: "/pages/balance/transfer/transfer"
+		}, {
+			icon: "nianduzhangdan",
+			name: "年度账单",
+			isHot: false,
+			path: "/pages/common/alipay-annual-bill/alipay-annual-bill"
+		},
+	]
+	const otherList = [{
+			icon: "/static/image/index/qita/jipiao.png",
+			name: "机票",
+			path: "/pages/other/tickets-app/index?type=airTicket"
+		},
+		{
+			icon: "/static/image/index/qita/huochepiao.png",
+			name: "火车票",
+			// path: "/pages/other/train-tickets/12306-tickets/12306-tickets"
+			path: "/pages/other/tickets-app/index?type=trainTicket"
+		},
+		{
+			icon: "/static/image/index/qita/gongzidan.png",
+			name: "工资单",
+			path: "/pages/other/splash/splash"
+		},
+		{
+			icon: "/static/image/index/qita/shipinqunliao.png",
+			name: "视频群聊",
+			path: "/pages/other/video-group-chat/video-group-chat"
+		},
+		{
+			icon: "/static/image/index/qita/card.png",
+			name: "身份证",
+			path: "/pages/other/card/card"
+		},
+		{
+			icon: "/static/image/index/qita/message.png",
+			name: "短信",
+			path: "/pages/common/call-and-message-entry/call-and-message-entry?type=message"
+		},
+		{
+			icon: "/static/image/index/qita/call.png",
+			name: "通话",
+			path: "/pages/common/call-and-message-entry/call-and-message-entry?type=call"
+		},
+		// {
+		// 	icon: "/static/image/index/qita/gouwu.png",
+		// 	name: "购物",
+		// 	path: "/pages/shopping/index"
+		// },
+	]
 
-	// 清除旧动画状态 (重置位置)
-	if (noticeInner.value) {
-		animation.transition(noticeInner.value, {
+	const data = reactive({
+		navBarBgColor: 'transparent',
+		statusBarHeight: 0,
+		windowWidth: 0,
+		windowHeight: 0,
+		userInfo: {},
+		videoHelpList: [],
+		noticeInfo: {},
+		vision: "",
+		platform: '', // 添加平台信息,
+		qqgroup: {}
+	})
+
+	const {
+		statusBarHeight,
+		windowWidth,
+		windowHeight,
+		userInfo,
+		videoHelpList,
+		noticeInfo,
+		vision,
+		platform,
+		qqgroup
+	} = toRefs(data);
+
+	/**
+	 * 处理页面滚动事件
+	 */
+	const handleScroll = (e) => {
+		const scrollTop = e.detail.scrollTop
+		// 滚动超过20px时显示蓝色背景，否则显示透明背景
+		if (scrollTop > 20) {
+			data.navBarBgColor = '#DDF0FD'
+		} else {
+			data.navBarBgColor = 'transparent'
+		}
+	}
+
+	onLoad(async () => {
+		// 获取平台信息
+		const systemInfo = uni.getSystemInfoSync()
+		data.platform = systemInfo.platform
+		data.vision = uni.getStorageSync('version')
+	})
+
+	onShow(() => {
+		// 启动时获取数据
+		fetchUserData()
+		// 每次显示时刷新数据
+		setUserData()
+		// 获取系统信息
+		const systemInfo = uni.getSystemInfoSync();
+		data.statusBarHeight = systemInfo.statusBarHeight;
+		data.windowWidth = systemInfo.windowWidth;
+		data.windowHeight = systemInfo.windowHeight;
+		// #ifdef APP-PLUS
+		util.setAndroidSystemBarColor('#F0F4F9')
+		setTimeout(() => {
+			plus.navigator.setStatusBarStyle("dark");
+		}, 500)
+		// #endif
+	})
+
+	/**
+	 * 获取用户数据(从服务器)
+	 */
+	const fetchUserData = async () => {
+		try {
+			// 先设置默认值,避免页面显示异常
+			setUserData()
+
+			// 并行获取用户信息和配置
+			const [userResult, configResult] = await Promise.allSettled([
+				fetchUserInfo(),
+				fetchUserConfig()
+			])
+
+			// 处理用户信息结果
+			if (userResult.status === 'fulfilled') {
+				console.log('用户信息获取成功')
+			} else {
+				console.error('获取用户信息失败:', userResult.reason)
+			}
+
+			// 处理用户配置结果
+			if (configResult.status === 'fulfilled') {
+				console.log('用户配置获取成功')
+			} else {
+				console.error('获取用户配置失败:', configResult.reason)
+			}
+
+			// 刷新页面数据
+			setUserData()
+
+			// 检查是否有延迟跳转
+			const jumpTarget = uni.getStorageSync('jumpTarget_url');
+			if (jumpTarget) {
+				console.log('执行延迟跳转:', jumpTarget);
+				uni.removeStorageSync('jumpTarget_url');
+				uni.navigateTo({
+					url: '/' + jumpTarget
+				});
+			}
+		} catch (error) {
+			console.error('获取用户数据异常:', error)
+		}
+	}
+
+	/**
+	 * 获取用户信息
+	 */
+	const fetchUserInfo = async () => {
+		const data = await get('', 'api/user', {})
+		if (data.code === 0) {
+			uni.setStorageSync('userInfo', data.data)
+			return data.data
+		} else {
+			throw new Error(data.message || '获取用户信息失败')
+		}
+	}
+
+	/**
+	 * 获取用户配置
+	 */
+	const fetchUserConfig = async () => {
+		const data = await get('', 'api/user/config', {})
+		if (data.code === 0) {
+			uni.setStorageSync('config', data.data)
+			return data.data
+		} else {
+			throw new Error(data.message || '获取用户配置失败')
+		}
+	}
+
+
+	/**
+	 * 设置用户数据(从本地存储读取)
+	 */
+	const setUserData = () => {
+		// 用户信息 - 提供默认值
+		const userInfoData = storage.get("userInfo")
+		data.userInfo = userInfoData || {
+			user_id: '加载中...',
+			avater: '/static/default-avatar.png',
+			vip: 0,
+			vip_expire: ''
+		}
+
+		// 配置信息 - 安全访问
+		const configData = storage.get("config")
+		if (configData && configData.config) {
+			console.log("公告牌配置信息", configData.config['client.uniapp.notice'])
+			data.noticeInfo = configData.config['client.uniapp.notice'] || {
+				text: '加载中...',
+				url: '',
+				enable: false
+			}
+			data.noticeInfo = configData.config['client.uniapp.notice'] || {
+				text: '加载中...',
+				url: '',
+				enable: false
+			}
+			// 启动走马灯
+			startMarquee();
+			data.videoHelpList = configData.config['client.uniapp.alipay.video_help'] || []
+			// data.videoHelpList.push(configData.config['client.uniapp.alipay.video_help'][0])
+			data.qqgroup = configData.config['client.uniapp.qqgroup'] || {
+				enable: false,
+				number: "",
+				text: ""
+			}
+
+		} else {
+			data.noticeInfo = {
+				text: '加载中...',
+				url: '',
+				enable: false
+			}
+			data.videoHelpList = []
+		}
+	}
+
+	const clickMenu = (item) => {
+		if (!item.path) {
+			uiUtil.showError('开发中')
+		} else {
+			const isOverdue = storage.get("huabei_info_storage").isOverdue || false
+			let url = item.path
+			if (item.name == "花呗" && isOverdue) {
+				url = "/pages/ant-credit-pay/overdue-payment/overdue-payment"
+			}
+			util.goPage(url)
+		}
+	}
+
+
+	// 开通vip
+	const openVip = () => {
+		goRechargePage()
+	}
+
+	/**
+	 * 点击视频教程
+	 * @param item 
+	 */
+	const clickVideoHelp = (item) => {
+		const url = item.url
+		util.goPage(`/pages/common/webview/webview?url=${encodeURIComponent(url)}&title=${item.text}`)
+	}
+
+	/**
+	 * 点击公告
+	 */
+	const clickNotice = () => {
+		console.log("点击公告", noticeInfo.value)
+		if (!noticeInfo.value.url) return
+		const url = noticeInfo.value.url + `&uni_id=${userInfo.value.user_id}`
+		util.goPage(`/pages/common/webview/webview?url=${encodeURIComponent(url)}&title=${noticeInfo.value.title}`)
+	}
+
+	/**
+	 * 终极兼容版复制函数
+	 */
+	const copyNumber = (number) => {
+		if (!number) return;
+		const text = String(number);
+		uni.setClipboardData({
+			data: text,
+			success: function() {
+				uni.showToast({
+					title: '复制成功',
+					icon: 'none'
+				});
+			},
+			fail: function() {
+				uni.showToast({
+					title: '复制失败',
+					icon: 'none'
+				});
+			}
+		});
+	}
+
+
+	/**
+	 * 退出模拟器
+	 */
+	const exit = () => {
+		console.log("退出模拟器")
+		// 判断是否为 iOS 环境
+		if (uni.getSystemInfoSync().platform === 'ios') {
+			uni.sendNativeEvent('closeUniAPP', "closeUniAPP", ret => {
+				console.log('宿主App回传的数据：' + ret);
+			});
+		} else {
+			plus.runtime.quit();
+		}
+	}
+
+	const noticeContainer = ref(null);
+	const noticeInner = ref(null);
+	const noticeBox = ref(null);
+
+	// #ifndef H5
+	const animation = uni.requireNativePlugin('animation');
+	const dom = uni.requireNativePlugin('dom');
+	// #endif
+
+	let marqueeTimer = null;
+	const currentMarqueeId = ref(0);
+	const lastMarqueeText = ref('');
+
+	/**
+	 * 开始走马灯
+	 */
+	const startMarquee = () => {
+		// 避免不必要的重置：如果文本没有变化且正在运行，则忽略
+		if (lastMarqueeText.value === noticeInfo.value.text && currentMarqueeId.value > 0) {
+			return;
+		}
+		lastMarqueeText.value = noticeInfo.value.text;
+
+		// 清除待执行的启动定时器
+		if (marqueeTimer) {
+			clearTimeout(marqueeTimer);
+			marqueeTimer = null;
+		}
+
+		// 增加 ID 以使之前的动画循环失效
+		currentMarqueeId.value++;
+		const myId = currentMarqueeId.value;
+
+		// 清除旧动画状态 (重置位置)
+		if (noticeInner.value) {
+			animation.transition(noticeInner.value, {
+				styles: {
+					transform: 'translateX(0)'
+				},
+				duration: 0,
+				delay: 0
+			});
+		}
+
+		marqueeTimer = setTimeout(() => {
+			if (!noticeContainer.value || !noticeInner.value) return;
+			// 如果ID不匹配，说明有新的启动请求，放弃当前
+			if (myId !== currentMarqueeId.value) return;
+
+			// 获取容器宽度
+			dom.getComponentRect(noticeContainer.value, (resContainer) => {
+				const containerWidth = resContainer.size.width;
+				if (!containerWidth) return;
+
+				// 获取文本/内部容器宽度
+				dom.getComponentRect(noticeInner.value, (resText) => {
+					const textWidth = resText.size.width / 2; // 因为复制了一份
+					if (!textWidth) return;
+
+					// 执行滚动
+					runMarqueeAnimation(containerWidth, textWidth, myId);
+				});
+			});
+		}, 1000); // 增加延时确保渲染
+	}
+
+	/**
+	 * 执行滚动动画循环
+	 */
+	const runMarqueeAnimation = (containerWidth, textWidth, myId) => {
+		// ID 校验：如果当前ID不匹配，说明已被新动画取代，停止递归
+		if (myId !== currentMarqueeId.value) return;
+		if (!noticeInner.value) return;
+
+		// 动画的目标：移动 Inner 容器
+		const target = noticeInner.value;
+		const realScrollDistance = textWidth;
+
+		// 1. 重置位置到 0 (无感重置)
+		animation.transition(target, {
 			styles: {
-				transform: 'translateX(0)'
+				transform: `translateX(0)`
 			},
 			duration: 0,
 			delay: 0
-		});
-	}
+		}, () => {
+			// 再次校验ID
+			if (myId !== currentMarqueeId.value) return;
 
-	marqueeTimer = setTimeout(() => {
-		if (!noticeContainer.value || !noticeInner.value) return;
-		// 如果ID不匹配，说明有新的启动请求，放弃当前
-		if (myId !== currentMarqueeId.value) return;
+			// 计算时间
+			const speed = 50; // px/s
+			const duration = (realScrollDistance / speed) * 1000;
 
-		// 获取容器宽度
-		dom.getComponentRect(noticeContainer.value, (resContainer) => {
-			const containerWidth = resContainer.size.width;
-			if (!containerWidth) return;
-
-			// 获取文本/内部容器宽度
-			dom.getComponentRect(noticeInner.value, (resText) => {
-				const textWidth = resText.size.width / 2; // 因为复制了一份
-				if (!textWidth) return;
-
-				// 执行滚动
+			// 2. 向左滚动一个文本宽度的距离
+			animation.transition(target, {
+				styles: {
+					transform: `translateX(-${realScrollDistance}px)`
+				},
+				duration: duration,
+				timingFunction: 'linear',
+				delay: 0
+			}, () => {
+				// 3. 循环
 				runMarqueeAnimation(containerWidth, textWidth, myId);
 			});
 		});
-	}, 1000); // 增加延时确保渲染
-}
-
-/**
- * 执行滚动动画循环
- */
-const runMarqueeAnimation = (containerWidth, textWidth, myId) => {
-	// ID 校验：如果当前ID不匹配，说明已被新动画取代，停止递归
-	if (myId !== currentMarqueeId.value) return;
-	if (!noticeInner.value) return;
-
-	// 动画的目标：移动 Inner 容器
-	const target = noticeInner.value;
-	const realScrollDistance = textWidth;
-
-	// 1. 重置位置到 0 (无感重置)
-	animation.transition(target, {
-		styles: {
-			transform: `translateX(0)`
-		},
-		duration: 0,
-		delay: 0
-	}, () => {
-		// 再次校验ID
-		if (myId !== currentMarqueeId.value) return;
-
-		// 计算时间
-		const speed = 50; // px/s
-		const duration = (realScrollDistance / speed) * 1000;
-
-		// 2. 向左滚动一个文本宽度的距离
-		animation.transition(target, {
-			styles: {
-				transform: `translateX(-${realScrollDistance}px)`
-			},
-			duration: duration,
-			timingFunction: 'linear',
-			delay: 0
-		}, () => {
-			// 3. 循环
-			runMarqueeAnimation(containerWidth, textWidth, myId);
-		});
-	});
-}
-
-/**
- * 停止走马灯
- */
-const stopMarquee = () => {
-	// 清除定时器
-	if (marqueeTimer) {
-		clearTimeout(marqueeTimer);
-		marqueeTimer = null;
 	}
-	// 增加ID使其失效
-	currentMarqueeId.value++;
-}
 
-onHide(() => {
-	stopMarquee();
-})
+	/**
+	 * 停止走马灯
+	 */
+	const stopMarquee = () => {
+		// 清除定时器
+		if (marqueeTimer) {
+			clearTimeout(marqueeTimer);
+			marqueeTimer = null;
+		}
+		// 增加ID使其失效
+		currentMarqueeId.value++;
+	}
 
-onUnload(() => {
-	stopMarquee();
-})
+	onHide(() => {
+		stopMarquee();
+	})
+
+	onUnload(() => {
+		stopMarquee();
+	})
 </script>
 <style>
-.container {
-	background-color: #F0F4F9;
-}
+	.container {
+		background-color: #F0F4F9;
+	}
 
-.margin-l-6 {
-	margin-left: 6px;
-}
+	.margin-l-6 {
+		margin-left: 6px;
+	}
 
-.index-bg-img {
-	position: fixed;
-	top: 0;
-	left: 0;
-	z-index: 0;
-}
+	.index-bg-img {
+		position: fixed;
+		top: 0;
+		left: 0;
+		z-index: 0;
+	}
 
-.nav-bar-box {
-	position: fixed;
-	top: 0;
-	left: 0;
-	right: 0;
-	z-index: 9999;
-	background-color: transparent;
-}
+	.nav-bar-box {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		z-index: 9999;
+		background-color: transparent;
+	}
 
-.content-box {
-	position: fixed;
-	top: 0rpx;
-	left: 0;
-	right: 0;
-	z-index: 1;
-	background-color: transparent;
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-}
+	.content-box {
+		position: fixed;
+		top: 0rpx;
+		left: 0;
+		right: 0;
+		z-index: 1;
+		background-color: transparent;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+	}
 
 
-::v-deep .uni-scroll-view-content {
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-}
+	::v-deep .uni-scroll-view-content {
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+	}
 
-.status-box {
-	width: 100%;
-}
+	.status-box {
+		width: 100%;
+	}
 
-.nav-box {
-	height: 44px;
-	background-color: transparent;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: space-between;
-}
+	.nav-box {
+		height: 44px;
+		background-color: transparent;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
 
-.left-box {
-	width: 60px;
-	height: 44px;
-	background-color: transparent;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	position: relative;
-	z-index: 10;
-}
+	.left-box {
+		width: 60px;
+		height: 44px;
+		background-color: transparent;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		position: relative;
+		z-index: 10;
+	}
 
-.title {
-	flex: 1;
-	height: 44px;
-	font-size: 32rpx;
-	font-weight: 500;
-	color: #1A1A1A;
-	font-weight: bold;
-	background-color: transparent;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
+	.title {
+		flex: 1;
+		height: 44px;
+		font-size: 32rpx;
+		font-weight: 500;
+		color: #1A1A1A;
+		font-weight: bold;
+		background-color: transparent;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
 
-.right-box {
-	width: 60px;
-	height: 44px;
-	background-color: transparent;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
+	.right-box {
+		width: 60px;
+		height: 44px;
+		background-color: transparent;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
 
-.user-box {
-	position: relative;
-	margin: 24rpx 32rpx 0;
-	height: 120rpx;
-	z-index: 10;
-}
+	.user-box {
+		position: relative;
+		margin: 24rpx 32rpx 0;
+		height: 120rpx;
+		z-index: 10;
+	}
 
-.user-bg {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 120rpx;
-}
+	.user-bg {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 120rpx;
+	}
 
-.user-info-box {
-	position: absolute;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: space-between;
-	padding: 0 32rpx;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 120rpx;
-	z-index: 1;
-}
+	.user-info-box {
+		position: absolute;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		padding: 0 32rpx;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 120rpx;
+		z-index: 1;
+	}
 
-.user-info {
-	flex: 1;
-}
+	.user-info {
+		flex: 1;
+	}
 
-.user-avatar {
-	width: 72rpx;
-	height: 72rpx;
-	border-radius: 50%;
-	margin-right: 20rpx;
-}
+	.user-avatar {
+		width: 72rpx;
+		height: 72rpx;
+		border-radius: 50%;
+		margin-right: 20rpx;
+	}
 
-.name-box {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-}
+	.name-box {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+	}
 
-.phone-text {
-	font-size: 28rpx;
-	color: #FFFFFF;
-	font-weight: bold;
-	margin-right: 12rpx;
-}
+	.phone-text {
+		font-size: 28rpx;
+		color: #FFFFFF;
+		font-weight: bold;
+		margin-right: 12rpx;
+	}
 
-.vip-logo {
-	width: 60rpx;
-	height: 20rpx;
-}
+	.vip-logo {
+		width: 60rpx;
+		height: 20rpx;
+	}
 
-.vip-end-time {
-	font-size: 24rpx;
-	color: #FFFFFF;
-	margin-top: 8rpx;
-}
+	.vip-end-time {
+		font-size: 24rpx;
+		color: #FFFFFF;
+		margin-top: 8rpx;
+	}
 
-.open-vip-btn {
-	height: 40rpx;
-	width: 116rpx;
-}
+	.open-vip-btn {
+		height: 40rpx;
+		width: 116rpx;
+	}
 
-.notice-box {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	margin: 16rpx 32rpx 0;
-	background-color: #FFFFFF;
-	border-radius: 16rpx 16rpx 16rpx 16rpx;
-	padding: 0 16rpx;
-	height: 64rpx;
-	overflow: hidden;
-}
+	.notice-box {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		margin: 16rpx 32rpx 0;
+		background-color: #FFFFFF;
+		border-radius: 16rpx 16rpx 16rpx 16rpx;
+		padding: 0 16rpx;
+		height: 64rpx;
+		overflow: hidden;
+	}
 
-.sound-box {
-	height: 64rpx;
-	width: 50rpx;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	position: relative;
-	z-index: 10;
-}
+	.sound-box {
+		height: 64rpx;
+		width: 50rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		position: relative;
+		z-index: 10;
+	}
 
-.notice-content-wrapper {
-	flex: 1;
-	flex-direction: row;
-	overflow: hidden;
-}
+	.notice-content-wrapper {
+		flex: 1;
+		flex-direction: row;
+		overflow: hidden;
+	}
 
-.notice-inner {
-	flex-direction: row;
-	align-items: center;
-}
+	.notice-inner {
+		flex-direction: row;
+		align-items: center;
+	}
 
-.notice-content {
-	font-size: 24rpx;
-	color: #767676;
-}
+	.notice-content {
+		font-size: 24rpx;
+		color: #767676;
+	}
 
-.group-box {
-	margin: 16px;
-	margin-bottom: 0;
-}
+	.group-box {
+		margin: 16px;
+		margin-bottom: 0;
+	}
 
-.title-img {
-	width: 140rpx;
-	height: 44rpx;
-}
+	.title-img {
+		width: 140rpx;
+		height: 44rpx;
+	}
 
-.video-help-box {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: flex-start;
-	background-color: #FFFFFF;
-	padding: 24rpx 0;
-	border-radius: 24rpx;
-	margin-top: 16rpx;
-	flex-wrap: wrap;
-	padding-top: 8rpx;
-}
+	.video-help-box {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: flex-start;
+		background-color: #FFFFFF;
+		padding: 24rpx 0;
+		border-radius: 24rpx;
+		margin-top: 16rpx;
+		flex-wrap: wrap;
+		padding-top: 8rpx;
+	}
 
-.video-help-item {
-	margin-top: 16rpx;
-	width: 25%;
-	text-align: center;
-	flex-direction: column;
-	display: flex;
-	align-items: center;
-}
+	.video-help-item {
+		margin-top: 16rpx;
+		width: 25%;
+		text-align: center;
+		flex-direction: column;
+		display: flex;
+		align-items: center;
+	}
 
-.video-help-img {
-	width: 96rpx;
-	height: 96rpx;
-}
+	.video-help-img {
+		width: 96rpx;
+		height: 96rpx;
+	}
 
-.video-help-title {
-	font-size: 24rpx;
-	color: #1A1A1A;
-	text-align: center;
-}
+	.video-help-title {
+		font-size: 24rpx;
+		color: #1A1A1A;
+		text-align: center;
+	}
 
-.menu-box {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: space-between;
-	flex-wrap: wrap;
-	margin-top: 16rpx;
-}
+	.menu-box {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		flex-wrap: wrap;
+		margin-top: 16rpx;
+	}
 
-.item-box {
-	position: relative;
-	height: 156rpx;
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-end;
-	margin-bottom: 32rpx;
-}
+	.item-box {
+		position: relative;
+		height: 156rpx;
+		display: flex;
+		flex-direction: column;
+		justify-content: flex-end;
+		margin-bottom: 32rpx;
+	}
 
-.menu-item {
-	display: flex;
-	position: relative;
-	flex-direction: row;
-	align-items: center;
-	justify-content: space-between;
-	background-color: #FFFFFF;
-	border-radius: 16rpx;
-	padding: 16rpx 32rpx;
-	height: 140rpx;
-}
+	.menu-item {
+		display: flex;
+		position: relative;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		background-color: #FFFFFF;
+		border-radius: 16rpx;
+		padding: 16rpx 32rpx;
+		height: 140rpx;
+	}
 
 
-.menu-item-name {
-	font-weight: bold;
-	font-size: 32rpx;
-	color: #000000;
-}
+	.menu-item-name {
+		font-weight: bold;
+		font-size: 32rpx;
+		color: #000000;
+	}
 
-.name-img {
-	height: 28rpx;
-}
+	.name-img {
+		height: 28rpx;
+	}
 
-.hot-icon {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 68rpx;
-	height: 30rpx;
-	z-index: 99;
-}
+	.hot-icon {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 68rpx;
+		height: 30rpx;
+		z-index: 99;
+	}
 
-.activity-box {
-	margin: 0 32rpx;
-}
+	.activity-box {
+		margin: 0 32rpx;
+	}
 
-.footer-box {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: center;
-	margin-top: 40rpx;
-	margin-bottom: 10rpx;
-}
+	.footer-box {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		margin-top: 40rpx;
+		margin-bottom: 10rpx;
+	}
 
-.vision-text {
-	font-size: 24rpx;
-	color: #767676;
-}
+	.vision-text {
+		font-size: 24rpx;
+		color: #767676;
+	}
 
-.ios-padding-bottom {
-	margin-bottom: 50rpx;
-}
+	.ios-padding-bottom {
+		margin-bottom: 50rpx;
+	}
 </style>
\ No newline at end of file
diff --git a/pages/shopping/index.vue b/pages/shopping/index.vue
new file mode 100644
index 0000000..c661b50
--- /dev/null
+++ b/pages/shopping/index.vue
@@ -0,0 +1,155 @@
+<template>
+	<view class="container">
+		<nav-bar title="购物平台" bgColor="#F0F4F9"></nav-bar>
+		<view class="menu-container">
+			<view class="card" v-for="(item, index) in menuList" :key="index"
+				:style="{ background: `linear-gradient(to bottom, ${item.bgColor[0]} 0%, ${item.bgColor[1]} 80%)` }">
+				<text class="card-title">{{ item.name }}</text>
+				<view class="icon-wrapper">
+					<view class="icon-shadow" :style="{ background: item.shadowColor }"></view>
+					<image class="icon-img" :src="`/static/image/shopping/${item.icon}.png`" mode="aspectFit"></image>
+				</view>
+				<view class="btn" :style="{ background: item.btnBg }" @click="goTo(item.url)">立即进入</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const menuList = ref([
+	{
+		name: "京东",
+		icon: "jingdong",
+		bgColor: ["#FFE0DF", "#FFFFFF"],
+		btnBg: "#FF4848",
+		shadowColor: "#FF4848",
+		url: "/pages/shopping/jingdong/list-index"
+	}, {
+		name: "淘宝",
+		icon: "taobao",
+		bgColor: ["#FFF0DA", "#FFFFFF"],
+		btnBg: "#FF953C",
+		shadowColor: "#FF953C",
+		url: ""
+	}, {
+		name: "快手",
+		icon: "kuaishou",
+		bgColor: ["#FFF0DA", "#FFFFFF"],
+		btnBg: "#FF953C",
+		shadowColor: "#FF953C",
+		url: ""
+	}, {
+		name: "抖音",
+		icon: "douyin",
+		bgColor: ["#FAE5FF", "#FFFFFF"],
+		btnBg: "#393939",
+		shadowColor: "#D15CFF",
+		url: ""
+	}, {
+		name: "抖音",
+		icon: "dewu",
+		bgColor: ["#FAE5FF", "#FFFFFF"],
+		btnBg: "#393939",
+		shadowColor: "#D15CFF",
+		url: ""
+	}, {
+		name: "拼多多",
+		icon: "pinduoduo",
+		bgColor: ["#FFE0DF", "#FFFFFF"],
+		btnBg: "#FF4848",
+		shadowColor: "#FF4848",
+		url: ""
+	}
+]);
+
+const goTo = (url) => {
+	if (url) {
+		uni.navigateTo({
+			url: url
+		})
+	} else {
+		uni.showToast({
+			title: "开发中",
+			icon: "none"
+		})
+	}
+}
+</script>
+
+<style>
+page {
+	background-color: #F0F4F9;
+}
+</style>
+<style lang="less" scoped>
+.container {
+	min-height: 100vh;
+}
+
+.menu-container {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+	padding: 24rpx;
+}
+
+.card {
+	width: calc(50% - 14rpx);
+	border-radius: 28rpx 28rpx 28rpx 28rpx;
+	margin-bottom: 24rpx;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding-top: 48rpx;
+	padding-bottom: 40rpx;
+	box-sizing: border-box;
+	border: 1px solid #ffffff;
+}
+
+.card-title {
+	font-size: 28rpx;
+	color: #1A1A1A;
+	font-weight: 500;
+}
+
+.icon-wrapper {
+	margin-top: 40rpx;
+	margin-bottom: 62rpx;
+	position: relative;
+	width: 116rpx;
+	height: 116rpx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.icon-img {
+	width: 116rpx;
+	height: 116rpx;
+	z-index: 2;
+}
+
+.icon-shadow {
+	position: absolute;
+	bottom: -10rpx;
+	width: 100rpx;
+	height: 8rpx;
+	border-radius: 50%;
+	filter: blur(5px);
+	z-index: 1;
+	opacity: 0.6;
+}
+
+.btn {
+	padding: 0 20rpx;
+	height: 56rpx;
+	line-height: 56rpx;
+	border-radius: 16rpx 16rpx 16rpx 16rpx;
+	color: #fff;
+	font-size: 24rpx;
+	text-align: center;
+	font-weight: 500;
+}
+</style>
diff --git a/pages/shopping/jingdong/list-index.vue b/pages/shopping/jingdong/list-index.vue
new file mode 100644
index 0000000..ecd4855
--- /dev/null
+++ b/pages/shopping/jingdong/list-index.vue
@@ -0,0 +1,28 @@
+<template>
+	<view>
+		<nav-bar title="京东" bgColor="#F0F4F9">
+			<template v-slot:center>
+				<view class="search-box">
+					<input type="text" placeholder="" />
+				</view>
+			</template>
+		</nav-bar>
+
+	</view>
+</template>
+
+<script setup>
+</script>
+
+<style lang="less">
+	::v-deep .uni-navbar__header-btns {
+		width: auto !important;
+	}
+
+	.search-box {
+		width: 100%;
+		height: 60rpx;
+		background-color: #fff;
+		border-radius: 12rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/static/image/balance/transfer/add-img.png b/static/image/balance/transfer/add-img.png
new file mode 100644
index 0000000..33aa51a
Binary files /dev/null and b/static/image/balance/transfer/add-img.png differ
diff --git a/static/image/balance/transfer/bottom-banner.png b/static/image/balance/transfer/bottom-banner.png
new file mode 100644
index 0000000..7a2d90b
Binary files /dev/null and b/static/image/balance/transfer/bottom-banner.png differ
diff --git a/static/image/balance/transfer/card-bg-2-left.png b/static/image/balance/transfer/card-bg-2-left.png
new file mode 100644
index 0000000..06fbc78
Binary files /dev/null and b/static/image/balance/transfer/card-bg-2-left.png differ
diff --git a/static/image/balance/transfer/card-bg-2-right.png b/static/image/balance/transfer/card-bg-2-right.png
new file mode 100644
index 0000000..2bf011a
Binary files /dev/null and b/static/image/balance/transfer/card-bg-2-right.png differ
diff --git a/static/image/balance/transfer/card-bg.png b/static/image/balance/transfer/card-bg.png
new file mode 100644
index 0000000..ad11f6a
Binary files /dev/null and b/static/image/balance/transfer/card-bg.png differ
diff --git a/static/image/balance/transfer/card-img-2.png b/static/image/balance/transfer/card-img-2.png
new file mode 100644
index 0000000..c2a15bc
Binary files /dev/null and b/static/image/balance/transfer/card-img-2.png differ
diff --git a/static/image/balance/transfer/feizhu.png b/static/image/balance/transfer/feizhu.png
new file mode 100644
index 0000000..cacc10c
Binary files /dev/null and b/static/image/balance/transfer/feizhu.png differ
diff --git a/static/image/balance/transfer/success.png b/static/image/balance/transfer/success.png
new file mode 100644
index 0000000..739aeb5
Binary files /dev/null and b/static/image/balance/transfer/success.png differ
diff --git a/static/image/balance/transfer/yaoyiyao.png b/static/image/balance/transfer/yaoyiyao.png
new file mode 100644
index 0000000..ab680aa
Binary files /dev/null and b/static/image/balance/transfer/yaoyiyao.png differ
diff --git a/static/image/index/alipay-year-bill.png b/static/image/index/alipay-year-bill.png
deleted file mode 100644
index 28520c7..0000000
Binary files a/static/image/index/alipay-year-bill.png and /dev/null differ
diff --git a/static/image/index/menu-icon/nianduzhangdan.png b/static/image/index/menu-icon/nianduzhangdan.png
new file mode 100644
index 0000000..0f8b5e2
Binary files /dev/null and b/static/image/index/menu-icon/nianduzhangdan.png differ
diff --git a/static/image/index/menu-icon/zhuanzhang.png b/static/image/index/menu-icon/zhuanzhang.png
new file mode 100644
index 0000000..e15d57c
Binary files /dev/null and b/static/image/index/menu-icon/zhuanzhang.png differ
diff --git a/static/image/index/menu-name/nianduzhangdan.png b/static/image/index/menu-name/nianduzhangdan.png
new file mode 100644
index 0000000..cc55f71
Binary files /dev/null and b/static/image/index/menu-name/nianduzhangdan.png differ
diff --git a/static/image/index/menu-name/zhuanzhang.png b/static/image/index/menu-name/zhuanzhang.png
new file mode 100644
index 0000000..90c233e
Binary files /dev/null and b/static/image/index/menu-name/zhuanzhang.png differ
diff --git a/static/image/index/qita/gouwu.png b/static/image/index/qita/gouwu.png
new file mode 100644
index 0000000..52a5ee5
Binary files /dev/null and b/static/image/index/qita/gouwu.png differ
diff --git a/static/image/phone-message/iphone/chat-right.png b/static/image/phone-message/iphone/chat-right.png
new file mode 100644
index 0000000..a1b22a3
Binary files /dev/null and b/static/image/phone-message/iphone/chat-right.png differ
diff --git a/static/image/shopping/dewu.png b/static/image/shopping/dewu.png
new file mode 100644
index 0000000..ed4addd
Binary files /dev/null and b/static/image/shopping/dewu.png differ
diff --git a/static/image/shopping/douyin.png b/static/image/shopping/douyin.png
new file mode 100644
index 0000000..a4f1809
Binary files /dev/null and b/static/image/shopping/douyin.png differ
diff --git a/static/image/shopping/gouwu.png b/static/image/shopping/gouwu.png
new file mode 100644
index 0000000..52a5ee5
Binary files /dev/null and b/static/image/shopping/gouwu.png differ
diff --git a/static/image/shopping/jingdong.png b/static/image/shopping/jingdong.png
new file mode 100644
index 0000000..7946a9b
Binary files /dev/null and b/static/image/shopping/jingdong.png differ
diff --git a/static/image/shopping/kuaishou.png b/static/image/shopping/kuaishou.png
new file mode 100644
index 0000000..c99ed8b
Binary files /dev/null and b/static/image/shopping/kuaishou.png differ
diff --git a/static/image/shopping/pinduoduo.png b/static/image/shopping/pinduoduo.png
new file mode 100644
index 0000000..d71e15d
Binary files /dev/null and b/static/image/shopping/pinduoduo.png differ
diff --git a/static/image/shopping/taobao.png b/static/image/shopping/taobao.png
new file mode 100644
index 0000000..e3dae08
Binary files /dev/null and b/static/image/shopping/taobao.png differ