diff --git a/pages/balance/pay-successful/pay-successful.vue b/pages/balance/pay-successful/pay-successful.vue
index f0ea3a8..7196259 100644
--- a/pages/balance/pay-successful/pay-successful.vue
+++ b/pages/balance/pay-successful/pay-successful.vue
@@ -226,537 +226,541 @@
 </template>
 
 <script setup>
-	import {
-		ref,
-		onMounted,
-		reactive,
-		getCurrentInstance
-	} from 'vue';
-	import {
-		onShow,
-		onLoad
-	} from '@dcloudio/uni-app';
-	import {
-		util
-	} from '@/utils/common.js';
-	import {
-		defaultData
-	} from './data.json';
-	const {
-		appContext,
-		proxy
-	} = getCurrentInstance();
+import {
+	ref,
+	onMounted,
+	reactive,
+	getCurrentInstance
+} from 'vue';
+import {
+	onShow,
+	onLoad
+} from '@dcloudio/uni-app';
+import {
+	util
+} from '@/utils/common.js';
+import {
+	defaultData
+} from './data.json';
+const {
+	appContext,
+	proxy
+} = getCurrentInstance();
 
-	const statusBarHeight = ref(0);
-	const PAY_STORAGE_KEY = 'alipay_pay_successful_data';
-	const payData = ref(defaultData);
+const statusBarHeight = ref(0);
+const PAY_STORAGE_KEY = 'alipay_pay_successful_data';
+const payData = ref(defaultData);
 
-	const bannerImages = [
-		'/static/image/balance/transfer/bottom-banner-1.png',
-		'/static/image/balance/transfer/bottom-banner-2.png'
-	];
+const bannerImages = [
+	'/static/image/balance/transfer/bottom-banner-1.png',
+	'/static/image/balance/transfer/bottom-banner-2.png'
+];
 
-	// 从缓存加载数据
-	const loadStorageData = () => {
-		const savedData = uni.getStorageSync(PAY_STORAGE_KEY);
-		if (savedData) {
-			payData.value = savedData;
-		}
-	};
-	loadStorageData();
-
-	const navBarRef = ref(null);
-	const buttonGroup = ref([{
-		name: '编辑支付数据',
-		action: 'edit'
-	}]);
-	const handleButtonClick = (button) => {
-		if (button.action === 'edit') {
-			goEdit()
-		}
-	};
-
-	const goEdit = () => {
-		uni.navigateTo({
-			url: '/pages/balance/pay-successful/edit'
-		});
+// 从缓存加载数据
+const loadStorageData = () => {
+	const savedData = uni.getStorageSync(PAY_STORAGE_KEY);
+	if (savedData) {
+		payData.value = savedData;
 	}
+};
+loadStorageData();
 
-	const toggleBanner = () => {
-		const currentIndex = bannerImages.indexOf(payData.value.style1.bannerUrl);
-		const nextIndex = (currentIndex + 1) % bannerImages.length;
-		payData.value.style1.bannerUrl = bannerImages[nextIndex];
-		uni.setStorageSync(PAY_STORAGE_KEY, payData.value);
-	};
+const navBarRef = ref(null);
+const buttonGroup = ref([{
+	name: '编辑支付数据',
+	action: 'edit'
+}]);
+const handleButtonClick = (button) => {
+	if (button.action === 'edit') {
+		goEdit()
+	}
+};
 
-	onLoad(() => {
-		// 进入支付成功页面埋点
-		proxy.$apiUserEvent('all', {
-			type: 'click',
-			key: 'pay-successful',
-			value: "支付成功"
-		})
-	})
-
-	onMounted(() => {
-		const systemInfo = uni.getSystemInfoSync();
-		if (systemInfo.statusBarHeight) {
-			statusBarHeight.value = systemInfo.statusBarHeight;
-		}
+const goEdit = () => {
+	uni.navigateTo({
+		url: '/pages/balance/pay-successful/edit'
 	});
+}
 
-	onShow(() => {
-		loadStorageData();
-		// #ifdef APP-PLUS
-		util.setAndroidSystemBarColor('#F5F5F5')
-		uni.setNavigationBarColor({
-			animation: { // 动画效果
-				duration: 100,
-				timingFunc: 'easeIn'
-			}
-		})
-		setTimeout(() => {
-			plus.navigator.setStatusBarStyle("light");
-		}, 500);
-		// #endif
+const toggleBanner = () => {
+	const currentIndex = bannerImages.indexOf(payData.value.style1.bannerUrl);
+	const nextIndex = (currentIndex + 1) % bannerImages.length;
+	payData.value.style1.bannerUrl = bannerImages[nextIndex];
+	uni.setStorageSync(PAY_STORAGE_KEY, payData.value);
+};
+
+onLoad(() => {
+	// 进入支付成功页面埋点
+	proxy.$apiUserEvent('all', {
+		type: 'click',
+		key: 'pay-successful',
+		value: "支付成功"
 	})
+})
 
-	const goBack = () => {
-		uni.navigateBack();
-	};
+onMounted(() => {
+	const systemInfo = uni.getSystemInfoSync();
+	if (systemInfo.statusBarHeight) {
+		statusBarHeight.value = systemInfo.statusBarHeight;
+	}
+});
+
+onShow(() => {
+	loadStorageData();
+	// #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";
+@import "@/common/main.css";
 
-	.container {
-		min-height: 100vh;
-		background-color: #F5F5F5;
+.container {
+	min-height: 100vh;
+	background-color: #F5F5F5;
+}
+
+.header-section {
+	height: 860rpx;
+	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;
 	}
 
-	.header-section {
-		height: 860rpx;
-		background: linear-gradient(181deg, #3884FD 60%, rgba(30, 128, 253, 0.5) 81.75%, rgba(30, 128, 253, 0) 100%);
+	::v-deep .placeholder-box {
+		display: none !important;
+		background: transparent;
+	}
 
-		::v-deep .nav-bar-container {
-			position: relative !important;
-		}
+	::v-deep .tipLayer {
+		position: absolute;
+	}
 
-		::v-deep .placeholder-box {
-			display: none !important;
-			background: transparent;
-		}
+	::v-deep .uni-navbar__header-btns {
+		width: 100px !important;
+	}
+}
 
-		::v-deep .tipLayer {
+.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;
+}
+
+.pay-success-card {
+	margin: 24rpx;
+	margin-top: 16rpx;
+	background-color: #FFFFFF;
+	border-radius: 16rpx;
+	margin-bottom: 0;
+
+	.title-img {
+		width: 106rpx;
+		height: 28rpx;
+		margin-top: 22rpx;
+		margin-left: 16rpx;
+	}
+
+	.title {
+		font-weight: 700;
+		font-size: 24rpx;
+		color: #252525;
+		line-height: 24rpx;
+	}
+
+	.banner-box {
+		position: relative;
+		width: 660rpx;
+		height: 166rpx;
+		margin-top: 18rpx;
+
+		.banner-time {
 			position: absolute;
+			z-index: 10;
+			left: 156rpx;
+			top: 68rpx;
+			font-weight: 400;
+			font-size: 20rpx;
+			color: #C70B0C;
+			line-height: 20rpx;
 		}
 	}
+}
 
-	.status-bar {
+.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: 20rpx;
+	margin-bottom: 60rpx;
+
+	.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;
-		align-items: center;
-		padding: 0 40rpx;
-	}
+		margin-bottom: 20rpx;
+		height: 26rpx;
+		font-size: 26rpx;
+		color: rgba(255, 255, 255, 0.9);
 
-
-	.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;
-	}
-
-	.pay-success-card {
-		margin: 24rpx;
-		margin-top: 16rpx;
-		background-color: #FFFFFF;
-		border-radius: 16rpx;
-		margin-bottom: 0;
-
-		.title-img {
-			width: 106rpx;
-			height: 28rpx;
-			margin-top: 22rpx;
-			margin-left: 16rpx;
-		}
-
-		.title {
-			font-weight: 700;
-			font-size: 24rpx;
-			color: #252525;
-			line-height: 24rpx;
-		}
-
-		.banner-box {
-			position: relative;
-			width: 660rpx;
-			height: 166rpx;
-			margin-top: 18rpx;
-
-			.banner-time {
-				position: absolute;
-				z-index: 10;
-				left: 156rpx;
-				top: 68rpx;
-				font-weight: 400;
-				font-size: 20rpx;
-				color: #C70B0C;
-				line-height: 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: 20rpx;
-		margin-bottom: 60rpx;
-
-		.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;
+		text {
 			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;
-		padding-bottom: 16rpx;
-		// 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);
-	}
-
-	.fliggy-card {
-		overflow: hidden;
-		position: relative;
-
-		.banner-img {
-			width: 100%;
-		}
-
-		.guanggao-tag {
-			position: absolute;
-			top: 16rpx;
-			right: 16rpx;
-		}
-
-		.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;
-				}
-
-			}
+			line-height: 26rpx;
 		}
 
 	}
+}
 
-	.banner-footer {
-		padding: 24rpx;
-		position: relative;
+.content-section {
+	padding: 24rpx;
+	padding-bottom: 16rpx;
+	// 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);
+}
+
+.fliggy-card {
+	overflow: hidden;
+	position: relative;
+
+	.banner-img {
+		width: 100%;
+	}
+
+	.guanggao-tag {
+		position: absolute;
+		top: 16rpx;
+		right: 16rpx;
+	}
+
+	.yaoyiyao-container {
+		width: 100%;
 		display: flex;
-		justify-content: space-between;
-		align-items: center;
+		justify-content: center;
+		margin-top: -80rpx;
+		padding-bottom: 16rpx;
 
-		.logo-box {
+		.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;
+	position: relative;
+	display: flex;
+	justify-content: space-between;
+	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;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			margin-right: 20rpx;
+		}
+	}
 
-			.logo {
-				width: 76rpx;
-				height: 76rpx;
-			}
+
+	.banner-info {
+		flex: 1;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		border-top: 1rpx solid #F6F6F6;
+		padding: 30rpx 0;
+
+
+		.text-content {
+			display: flex;
+			flex-direction: column;
 		}
 
+		.b-title {
+			font-size: 28rpx;
+			line-height: 28rpx;
+			color: #1A1A1A;
+			font-weight: 500;
+		}
 
-		.banner-info {
-			flex: 1;
+		.b-desc {
+			margin-top: 12rpx;
+			font-size: 24rpx;
+			line-height: 24rpx;
+			color: #969696;
+
+			.b-desc-tag {
+				font-size: 24rpx;
+				color: #E4711F;
+				background-color: #FDF6F3;
+				line-height: 24rpx;
+				padding: 2px 4px;
+
+			}
+		}
+	}
+
+	.b-btn {
+		padding: 0 20rpx;
+		background-color: #FF3A31;
+		color: #fff;
+		font-size: 26rpx;
+		height: 52rpx;
+		line-height: 52rpx;
+		border-radius: 8rpx;
+	}
+
+	&::after {
+		content: '';
+		position: absolute;
+		background: url('/static/image/balance/pay-successful/more.png');
+		top: 16rpx;
+		right: 20rpx;
+		width: 24rpx;
+		height: 12rpx;
+		background-size: contain;
+		background-repeat: no-repeat;
+	}
+}
+
+.footer-section {
+	padding: 0px 40rpx 0;
+	margin-top: 50rpx;
+	position: absolute;
+	left: 50%;
+	transform: translateX(-50%);
+	bottom: 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;
+	}
+}
+
+.main-content {
+	position: absolute;
+	left: 0;
+	top: 190px;
+	width: 100%;
+}
+
+.promo-card {
+	// padding: 30rpx;
+	margin: 16rpx;
+	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;
+		margin-right: -1px;
+
+
+		.img {
+			width: 70rpx;
+			height: 70rpx;
+			border-radius: 50%;
+		}
+
+	}
+
+
+
+	.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;
-			justify-content: space-between;
-			border-top: 1rpx solid #F6F6F6;
-			padding: 30rpx 0;
+			margin-top: 8rpx;
 
-
-			.text-content {
-				display: flex;
-				flex-direction: column;
+			.tag {
+				font-size: 24rpx;
+				line-height: 34rpx;
+				height: 34rpx;
+				color: #EF673C;
+				background-color: #FFF2F1;
+				border-radius: 4rpx;
+				margin-right: 12rpx;
+				padding: 0 12rpx;
 			}
 
-			.b-title {
-				font-size: 28rpx;
-				line-height: 28rpx;
-				color: #1A1A1A;
-				font-weight: 500;
-			}
-
-			.b-desc {
-				margin-top: 12rpx;
+			.tag-desc {
 				font-size: 24rpx;
 				line-height: 24rpx;
 				color: #969696;
-
-				.b-desc-tag {
-					font-size: 24rpx;
-					color: #E4711F;
-					background-color: #FDF6F3;
-					line-height: 24rpx;
-					padding: 2px 4px;
-
-				}
 			}
 		}
 
-		.b-btn {
-			padding: 0 20rpx;
-			background-color: #FF3A31;
-			color: #fff;
-			font-size: 26rpx;
-			height: 52rpx;
-			line-height: 52rpx;
-			border-radius: 8rpx;
-		}
 
-		&::after {
-			content: '';
-			position: absolute;
-			background: url('/static/image/balance/pay-successful/more.png');
-			top: 16rpx;
-			right: 20rpx;
-			width: 24rpx;
-			height: 12rpx;
-			background-size: contain;
-			background-repeat: no-repeat;
-		}
 	}
 
-	.footer-section {
-		padding: 0px 40rpx 0;
-		margin-top: 50rpx;
-		position: absolute;
-		left: 50%;
-		transform: translateX(-50%);
-		bottom: 0;
+	.promo-right-box {
 		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;
-		}
-	}
-
-	.main-content {
-		position: absolute;
-		left: 0;
-		top: 190px;
-		width: 100%;
-	}
-
-	.promo-card {
-		// padding: 30rpx;
-		margin: 16rpx;
-		margin-bottom: 10rpx;
-		display: flex;
-		justify-content: space-between;
+		flex-direction: column;
 		align-items: center;
 
+		.price-box {
+			color: #F93950;
 
-
-		.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;
-			margin-right: -1px;
-
-
-			.img {
-				width: 70rpx;
-				height: 70rpx;
-				border-radius: 50%;
-			}
-
-		}
-
-
-
-		.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;
+			.p-num {
+				font-size: 34rpx;
+				line-height: 24rpx;
 				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;
-				}
+			.p-unit {
+				font-size: 24rpx;
+				line-height: 24rpx;
+				margin-left: 2rpx;
 			}
-
-
 		}
 
-		.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;
-			}
+		.free-btn {
+			height: 52rpx;
+			line-height: 52rpx;
+			padding: 0 24rpx;
+			background-color: #FA3A49;
+			color: #fff;
+			font-size: 24rpx;
+			border-radius: 26rpx;
 		}
 	}
+}
 </style>
\ No newline at end of file
diff --git a/pages/balance/transfer/transfer.vue b/pages/balance/transfer/transfer.vue
index a24f17f..592513c 100644
--- a/pages/balance/transfer/transfer.vue
+++ b/pages/balance/transfer/transfer.vue
@@ -83,7 +83,7 @@
 						mode="aspectFill"></image>
 				</view>
 				<view class="promo-right">
-					<view class="promo-content" >
+					<view class="promo-content">
 						<text class="promo-title">{{ transferData.promoTitle }}</text>
 						<view class="promo-tags">
 							<text class="tag">{{ transferData.promoTag }}</text>
@@ -677,6 +677,10 @@ const goBack = () => {
 	::v-deep .tipLayer {
 		position: absolute;
 	}
+
+	::v-deep .uni-navbar__header-btns {
+		width: 100px !important;
+	}
 }
 
 .status-bar {
diff --git a/pages/other/game/hepingjingying.vue b/pages/other/game/hepingjingying.vue
index c988d34..9e34856 100644
--- a/pages/other/game/hepingjingying.vue
+++ b/pages/other/game/hepingjingying.vue
@@ -15,8 +15,7 @@
 							<l-painter-image :src="bgImage" css="width: 822px; display: block;"></l-painter-image>
 
 							<!-- 人物图片 -->
-							<l-painter-image :src="hePingData.imgUrl" :css="characterStyle"
-								mode="heightFix"></l-painter-image>
+							<l-painter-image :src="hePingData.imgUrl" :css="characterStyle"></l-painter-image>
 							<template v-if="hePingData.type == 2">
 								<!-- 头像 -->
 								<l-painter-image :src="hePingData.avatar"
@@ -78,7 +77,7 @@
 									<text>×</text>
 								</view>
 							</view>
-							<view class="upload-btn" v-else @click="handleChooseImgUrl">
+							<view class="upload-btn" v-else>
 								<text class="plus">+</text>
 							</view>
 						</view>
@@ -121,6 +120,7 @@
 import { ref, reactive, computed, watch, onMounted, getCurrentInstance } from 'vue'
 import { onLoad, onReady, onUnload } from '@dcloudio/uni-app'
 import { imgLocal } from '@/utils/common.js';
+import NavBar from '@/components/nav-bar/nav-bar.vue';
 const instance = getCurrentInstance();
 const { proxy } = getCurrentInstance();
 
@@ -177,7 +177,13 @@ onLoad(async () => {
 			uni.setStorageSync('hePingData', hePingData);
 		}
 	}
-	bgImage.value = await imgLocal.getLocalImage(`other/game/heping/bg-${hePingData.type}.jpg`)
+	try {
+		bgImage.value = await imgLocal.getLocalImage(`other/game/heping/bg-${hePingData.type}.jpg`);
+	} catch (e) {
+		console.error('获取背景图失败:', e);
+		uni.showToast({ title: '背景图加载失败', icon: 'none' });
+	}
+
 	uni.$on('editFormPhoto', (info) => {
 		if (currentEditImgField.value) {
 			tempData[currentEditImgField.value] = info;
@@ -190,12 +196,14 @@ onLoad(async () => {
 	});
 
 	// 进入页面埋点
-	proxy.$apiUserEvent('all', {
-		type: 'click',
-		key: 'heping',
-		prefix: '.uni.other.',
-		value: "和平精英"
-	})
+	if (proxy && proxy.$apiUserEvent) {
+		proxy.$apiUserEvent('all', {
+			type: 'click',
+			key: 'heping',
+			prefix: '.uni.other.',
+			value: "和平精英"
+		});
+	}
 })
 
 onUnload(() => {
@@ -297,7 +305,12 @@ async function handleChangeTheme(typeIndex) {
 	bgImage.value = ''; // 强制卸载旧画板，确保能重新渲染和生成新海报
 	hePingData.type = typeIndex;
 	uni.setStorageSync('hePingData', hePingData);
-	bgImage.value = await imgLocal.getLocalImage(`other/game/heping/bg-${typeIndex}.jpg`);
+	try {
+		bgImage.value = await imgLocal.getLocalImage(`other/game/heping/bg-${typeIndex}.jpg`);
+	} catch (e) {
+		console.error('切换主题加载背景图失败:', e);
+		uni.showToast({ title: '背景加载失败', icon: 'none' });
+	}
 }
 
 // 点击画布触发横向预览
diff --git a/pages/other/game/wuweiqiyue.vue b/pages/other/game/wuweiqiyue.vue
index 873a3f7..976d939 100644
--- a/pages/other/game/wuweiqiyue.vue
+++ b/pages/other/game/wuweiqiyue.vue
@@ -15,8 +15,7 @@
 							<l-painter-image :src="bgImage" css="width: 822px; display: block;"></l-painter-image>
 
 							<!-- 人物图片 -->
-							<l-painter-image :src="wuweiData.imgUrl" :css="characterStyle"
-								mode="widthFix"></l-painter-image>
+							<l-painter-image :src="wuweiData.imgUrl" :css="characterStyle"></l-painter-image>
 							<!-- 击败 -->
 							<l-painter-text :text="wuweiData.killCount" :css="killCountStyle"></l-painter-text>
 							<template v-if="wuweiData.type == 1">
@@ -99,7 +98,7 @@
 									<text>×</text>
 								</view>
 							</view>
-							<view class="upload-btn" v-else @click="handleChooseImgUrl">
+							<view class="upload-btn" v-else>
 								<text class="plus">+</text>
 							</view>
 						</view>
@@ -174,6 +173,7 @@
 import { ref, reactive, computed, watch, onMounted, getCurrentInstance } from 'vue'
 import { onLoad, onReady, onUnload } from '@dcloudio/uni-app'
 import { imgLocal } from '@/utils/common.js';
+import NavBar from '@/components/nav-bar/nav-bar.vue';
 const instance = getCurrentInstance();
 const { proxy } = getCurrentInstance();
 
@@ -270,7 +270,13 @@ onLoad(async () => {
 			uni.setStorageSync('wuweiData', wuweiData);
 		}
 	}
-	bgImage.value = await imgLocal.getLocalImage(`other/game/wuwei/bg-${wuweiData.type}.jpg`)
+	try {
+		bgImage.value = await imgLocal.getLocalImage(`other/game/wuwei/bg-${wuweiData.type}.jpg`);
+	} catch (e) {
+		console.error('获取背景图失败:', e);
+		uni.showToast({ title: '背景图加载失败', icon: 'none' });
+	}
+
 	uni.$on('editFormPhoto', (info) => {
 		if (currentEditImgField.value) {
 			tempData[currentEditImgField.value] = info;
@@ -283,12 +289,14 @@ onLoad(async () => {
 	});
 
 	// 进入页面埋点
-	proxy.$apiUserEvent('all', {
-		type: 'click',
-		key: 'wuwei',
-		prefix: '.uni.other.',
-		value: "无畏契约"
-	})
+	if (proxy && proxy.$apiUserEvent) {
+		proxy.$apiUserEvent('all', {
+			type: 'click',
+			key: 'wuwei',
+			prefix: '.uni.other.',
+			value: "无畏契约"
+		});
+	}
 })
 
 onUnload(() => {
@@ -391,7 +399,12 @@ async function handleChangeTheme(typeIndex) {
 	bgImage.value = ''; // 强制卸载旧画板，确保能重新渲染和生成新海报
 	wuweiData.type = typeIndex;
 	uni.setStorageSync('wuweiData', wuweiData);
-	bgImage.value = await imgLocal.getLocalImage(`other/game/wuwei/bg-${typeIndex}.jpg`);
+	try {
+		bgImage.value = await imgLocal.getLocalImage(`other/game/wuwei/bg-${typeIndex}.jpg`);
+	} catch (e) {
+		console.error('切换主题加载背景图失败:', e);
+		uni.showToast({ title: '背景加载失败', icon: 'none' });
+	}
 }
 
 // 点击画布触发横向预览
diff --git a/pages/other/train-tickets/ctrip-train-tickets/ctrip-train-tickets.vue b/pages/other/train-tickets/ctrip-train-tickets/ctrip-train-tickets.vue
index 804a29e..bd6ef3f 100644
--- a/pages/other/train-tickets/ctrip-train-tickets/ctrip-train-tickets.vue
+++ b/pages/other/train-tickets/ctrip-train-tickets/ctrip-train-tickets.vue
@@ -20,22 +20,26 @@
 			<template v-slot:center>
 				<view class="codefun-flex-row">
 					<text class="text">订单</text>
-					<text class="text_2 ml-15">行程服务</text>
+					<text class="text_2 ml-15">{{ ticketsInfo.status == '已出行' ? '推荐' : '行程服务' }}</text>
 				</view>
 			</template>
 			<template v-slot:right>
 				<view class="codefun-flex-col pos_2">
-					<view class="codefun-flex-row">
+					<view class="codefun-flex-row" style="margin-right: 10px;">
 						<view class="codefun-flex-col codefun-items-center">
 							<image class="image_5" src="/static/image/other/train-tickets/ctrip/customer-sevice.png" />
 							<text class="font text_3">客服</text>
 						</view>
-						<view class="codefun-flex-col codefun-items-center"
-							style="margin-left: 16rpx;margin-right: 10px;">
+						<view class="codefun-flex-col codefun-items-center" style="margin-left: 16rpx;">
 							<image class="image_5"
 								src="/static/image/other/train-tickets/ctrip/refund-instructions.png" />
 							<text class="font text_3">退改说明</text>
 						</view>
+						<view v-if="ticketsInfo.status == '已出行'" class="codefun-flex-col codefun-items-center"
+							style="margin-left: 16rpx;">
+							<image class="image_5" src="/static/image/other/train-tickets/ctrip/fenxiang.png" />
+							<text class="font text_3">分享</text>
+						</view>
 					</view>
 				</view>
 			</template>
@@ -47,8 +51,10 @@
 					<view class="codefun-flex-row group_5">
 						<image class="image_8" src="/static/image/other/train-tickets/ctrip/success.png" />
 						<view class="codefun-flex-col codefun-items-start group_33 codefun-ml-10">
-							<text class="text_5">抢票成功</text>
-							<text class="font_2 text_6 codefun-mt-8">携程祝您出行愉快</text>
+							<text class="text_5">{{ ticketsInfo.status || '抢票成功' }}</text>
+							<text class="font_2 text_6 codefun-mt-8">{{ ticketsInfo.status == '已出行' ? '携程已为您完成本次预定' :
+								'携程祝您出行愉快'
+							}}</text>
 						</view>
 					</view>
 					<image class="image_7" src="/static/image/other/train-tickets/ctrip/buy-return-trip.png" />
@@ -66,9 +72,13 @@
 	<view class="main-container">
 		<view class="codefun-flex-col codefun-justify-start section_3">
 			<view class="codefun-flex-row codefun-justify-between codefun-items-center section_4">
-				<text class="text_8">注意确认行程信息</text>
+				<text v-if="ticketsInfo.status == '抢票成功'" class="text_8">注意确认行程信息</text>
+				<view v-else class="codefun-flex-col codefun-items-start">
+					<text class="text_8">行程已结束</text>
+					<text class="text_8" style="font-size: 14px;font-weight: 400;margin-top: 6px;">感谢您使用携程火车票</text>
+				</view>
 				<view class="codefun-flex-col">
-					<view class="codefun-flex-row group_6">
+					<view v-if="ticketsInfo.status == '抢票成功'" class="codefun-flex-row group_6">
 						<view class="item-box codefun-flex-col codefun-items-center">
 							<image class="image_6" src="/static/image/other/train-tickets/ctrip/zaixianhuanzuo.png" />
 							<text class="font_3 text_9 mt-5">在线换座</text>
@@ -84,6 +94,18 @@
 							<text class="font_3 text_11 ml-11 mt-5">分享行程</text>
 						</view>
 					</view>
+					<view v-if="ticketsInfo.status == '已出行'" class="codefun-flex-row group_6">
+						<view class="item-box codefun-flex-col codefun-items-center">
+							<image class="image_6 ml-11"
+								src="/static/image/other/train-tickets/ctrip/jiesongzhan.png" />
+							<text class="font_3 text_10 ml-11 mt-5">接送站</text>
+						</view>
+						<view class="item-box codefun-flex-col codefun-items-center">
+							<image class="image_6 ml-11"
+								src="/static/image/other/train-tickets/ctrip/fapiaobaoxiao-yichuxing.png" />
+							<text class="font_3 text_11 ml-11 mt-5">发票报销</text>
+						</view>
+					</view>
 				</view>
 			</view>
 		</view>
@@ -92,7 +114,8 @@
 			<view class="codefun-flex-col group_8">
 				<view class="codefun-flex-row codefun-justify-between" style="width: 100%;">
 					<text class="font_6 text_12">取票号：{{ ticketsInfo.orderInfo.orderNo }}</text>
-					<text class="font_5 text_13">{{ ticketsInfo.ticketInfo.gate }}</text>
+					<text v-if="ticketsInfo.status == '抢票成功'" class="font_5 text_13">
+						{{ ticketsInfo.ticketInfo.gate }}</text>
 				</view>
 				<view class="codefun-flex-row codefun-justify-between codefun-self-stretch group_9">
 					<view class="codefun-flex-col">
@@ -122,7 +145,7 @@
 					</view>
 					<view class="codefun-flex-row codefun-items-center">
 						<text class="font_9 text_19">{{ ticketsInfo.ticketInfo.trainNo }}</text>
-						<view v-if="ticketsInfo.ticketInfo.trainName"
+						<view v-if="ticketsInfo.ticketInfo.trainName && ticketsInfo.status == '抢票成功'"
 							class="codefun-flex-row codefun-items-center train-name">
 							<text class="font_6">{{ ticketsInfo.ticketInfo.trainName }}</text>
 							<uni-icons type="right" size="10" color="#767676"></uni-icons>
@@ -162,15 +185,16 @@
 									</view>
 									<view class="codefun-flex-row codefun-justify-between codefun-mt-8">
 										<view class="codefun-flex-row codefun-items-center">
-											<image class="image_15"
+											<image v-show="Number(item.points) > 0" class="image_15"
 												src="/static/image/other/train-tickets/ctrip/jifen.png" />
-											<view class="group_17">
+											<view v-show="Number(item.points) > 0" class="group_17">
 												<text class="font_13">铁路会员积分+{{ item.points }}(价值</text>
 												<text class="font_14 text_24">¥{{ (item.points *
 													0.01).toFixed(2) }}</text>
 												<text class="font_13 text_24 text_25">)</text>
 											</view>
-											<image class="image_16"
+											<image v-show="Number(item.points) > 0" class="image_16"
+												style="margin-top: 2px;"
 												src="/static/image/other/train-tickets/ctrip/help.png" />
 										</view>
 										<view class="codefun-flex-row codefun-items-center">
@@ -182,8 +206,10 @@
 							</view>
 						</view>
 						<view class="codefun-flex-row codefun-justify-between codefun-items-center">
-							<text class="success-text">购票成功</text>
-							<view class="codefun-flex-row codefun-justify-end  group_18">
+							<text class="success-text"
+								:style="{ 'margin-top': Number(item.points) > 0 ? '0px' : '-60px' }">购票成功</text>
+							<view class="codefun-flex-row codefun-justify-end group_18 "
+								:class="{ yichuxing: ticketsInfo.status == '已出行' }">
 								<view
 									class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_2">
 									<text class="font_16 text_28">改签</text>
@@ -192,7 +218,7 @@
 									class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_3 ml-7">
 									<text class="font_16 text_29">退票</text>
 								</view>
-								<view v-if="item.isMe"
+								<view v-if="item.isMe && ticketsInfo.status == '抢票成功'"
 									class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_1 ml-7">
 									<text class="font_17 text_30">扫码检票</text>
 								</view>
@@ -278,27 +304,64 @@
 		</view>
 	</view>
 
-
+	<!-- 样式选择弹窗 -->
+	<uni-popup ref="stylePopup" type="center">
+		<view class="style-popup-container">
+			<view class="popup-title">选择展示样式</view>
+			<view class="popup-list">
+				<view class="popup-item" @click="selectStyle('抢票成功')">
+					<text class="item-text">抢票成功 (默认)</text>
+					<uni-icons v-if="ticketsInfo.status === '抢票成功' || !ticketsInfo.status" type="checkmarkempty"
+						color="#3B82F6" size="20"></uni-icons>
+				</view>
+				<view class="popup-item" @click="selectStyle('已出行')">
+					<text class="item-text">已出行</text>
+					<uni-icons v-if="ticketsInfo.status === '已出行'" type="checkmarkempty" color="#3B82F6"
+						size="20"></uni-icons>
+				</view>
+			</view>
+			<view class="popup-cancel" @click="closeStylePopup">取消</view>
+		</view>
+	</uni-popup>
 
 </template>
 
 <script setup>
 import NavBar from '@/components/nav-bar/nav-bar.vue';
-import { reactive, toRefs } from 'vue';
+import { reactive, toRefs, ref } from 'vue';
 import { onShow, onPageScroll } from '@dcloudio/uni-app';
 import { util } from '@/utils/common.js';
 
-const buttonGroup = [{
-	name: "编辑车票信息",
-	click: () => {
-		goEdit()
+const buttonGroup = [
+	{
+		name: "编辑车票信息",
+		click: () => {
+			goEdit()
+		}
+	}, {
+		name: "切换样式",
+		click: () => {
+			stylePopup.value.open();
+		}
 	}
-}]
+]
+
+const stylePopup = ref(null);
 
 function goEdit() {
 	util.goPage(`/pages/other/train-tickets/edit/edit?app=ctrip&storageKey=${data.STORAGE_KEY}`)
 }
 
+const selectStyle = (status) => {
+	data.ticketsInfo.status = status;
+	uni.setStorageSync(data.STORAGE_KEY, data.ticketsInfo);
+	stylePopup.value.close();
+}
+
+const closeStylePopup = () => {
+	stylePopup.value.close();
+}
+
 const data = reactive({
 	navBar: {
 		bgColor: 'transparent'
@@ -312,6 +375,7 @@ const data = reactive({
 	],
 	STORAGE_KEY: 'ctripTrainTicketsInfo',
 	ticketsInfo: {
+		"status": "抢票成功",
 		"orderInfo": {
 			"orderNo": "EJ66223536",
 			"price": "4440"
@@ -961,6 +1025,33 @@ const formatMMDD = (mdStr) => {
 							}
 
 						}
+
+						&.yichuxing {
+							.text-wrapper_2 {
+								background-color: #FFFFFF;
+								border-radius: 6px;
+								width: 45px;
+								height: 28px;
+								border: solid 0.5px #e0e4e3;
+
+							}
+
+							.text-wrapper_3 {
+								background-color: #ffffff;
+								border-radius: 6px;
+								width: 45px;
+								height: 28px;
+								border: solid 0.5px #e0e4e3;
+
+							}
+
+							.font_16 {
+								font-size: 13px;
+								line-height: 28px;
+								font-weight: 500;
+								color: #D0D0D0;
+							}
+						}
 					}
 				}
 			}
@@ -1227,4 +1318,50 @@ const formatMMDD = (mdStr) => {
 		}
 	}
 }
+
+.style-popup-container {
+	width: 300px;
+	background-color: #ffffff;
+	border-radius: 12px;
+	padding-bottom: 1px;
+
+	.popup-title {
+		text-align: center;
+		font-size: 16px;
+		font-weight: bold;
+		color: #333333;
+		padding: 20px 0 10px;
+	}
+
+	.popup-list {
+		padding: 0 20px;
+
+		.popup-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 15px 0;
+			border-bottom: 1px solid #f0f0f0;
+
+			&:last-child {
+				border-bottom: none;
+			}
+
+			.item-text {
+				font-size: 15px;
+				color: #333333;
+			}
+		}
+	}
+
+	.popup-cancel {
+		margin: 15px 20px 20px;
+		background-color: #f5f5f5;
+		border-radius: 8px;
+		text-align: center;
+		padding: 12px 0;
+		font-size: 15px;
+		color: #666666;
+	}
+}
 </style>
diff --git a/static/image/other/train-tickets/ctrip/fapiaobaoxiao-yichuxing.png b/static/image/other/train-tickets/ctrip/fapiaobaoxiao-yichuxing.png
new file mode 100644
index 0000000..f3d5942
Binary files /dev/null and b/static/image/other/train-tickets/ctrip/fapiaobaoxiao-yichuxing.png differ
diff --git a/static/image/other/train-tickets/ctrip/fenxiang.png b/static/image/other/train-tickets/ctrip/fenxiang.png
new file mode 100644
index 0000000..f46f3ba
Binary files /dev/null and b/static/image/other/train-tickets/ctrip/fenxiang.png differ
diff --git a/static/image/other/train-tickets/ctrip/jiesongzhan.png b/static/image/other/train-tickets/ctrip/jiesongzhan.png
new file mode 100644
index 0000000..9309faf
Binary files /dev/null and b/static/image/other/train-tickets/ctrip/jiesongzhan.png differ