diff --git a/App.vue b/App.vue
index 35702cc..4e2e6dc 100644
--- a/App.vue
+++ b/App.vue
@@ -6,6 +6,7 @@ export default {
 		recentNativeData: 0 // 初始化一个全局变量
 	},
 	onLaunch: function (options) {
+		uni.setStorageSync('onNativeEventReceive', "no")
 		const startTime = Date.now()
 		console.log('App Launch', options)
 
diff --git a/common/main.css b/common/main.css
index ca4ce53..d2f9a80 100644
--- a/common/main.css
+++ b/common/main.css
@@ -272,6 +272,11 @@
 	justify-content: space-between;
 }
 
+.flex-justify-between {
+	display: flex;
+	justify-content: space-between;
+}
+
 .flex-align-center {
 	display: flex;
 	align-items: center;
diff --git a/components/custom-tab/custom-tab.vue b/components/custom-tab/custom-tab.vue
index 6f03a00..41bf6fe 100644
--- a/components/custom-tab/custom-tab.vue
+++ b/components/custom-tab/custom-tab.vue
@@ -4,8 +4,9 @@
 			<view class="item" v-for="(item, index) in tabList" :key="item.id"
 				:class="{ 'active': index === activeIndex }" @click="onTabChange(index)">
 				<view class="left">
-					<view class="triangle-concave-transparent ">
-					</view>
+					<!-- <view class="triangle-concave-transparent ">
+					</view> -->
+					<image src="/static/image/recharge/tabLine.png" mode=""></image>
 				</view>
 				<view class="box" v-show="index != activeIndex">
 					{{ item.label }} 
@@ -17,8 +18,9 @@
 					<image class="vipImage" v-else src="/static/image/template/close.png" mode=""></image>
 				</view>
 				<view class="right">
-					<view class="triangle-concave-transparent leftBox">
-					</view>
+					<image src="/static/image/recharge/tabLine.png" mode=""></image>
+<!-- 					<view class="triangle-concave-transparent leftBox">
+					</view> -->
 				</view>
 			</view>
 		</view> 
@@ -492,7 +494,7 @@ export default {
 
 <style lang="scss" scoped>
 .container {
-	margin:0 20px 20px 20px;
+	margin:0 32rpx 32rpx 32rpx;
 	overflow: hidden;
 }
 
@@ -508,7 +510,7 @@ export default {
 		width: 100%;
 		height: 42px;
 		// background-color: #;
-		border-radius: 14px 14px 0 0;
+		border-radius: 12px 12px 0 0;
 		position: relative;
 		line-height: 47px;
 		text-align: center;
@@ -538,22 +540,27 @@ export default {
 		}
 
 
-
+		.left,.right{
+			image{
+				width: 19px;
+				height: 30px;
+			}
+		}
 		.left {
 			display: none;
 			position: absolute;
-			bottom: 0;
-			left: -25px;
+			top: 12px;
+			left: -19px;
 			// transition: all 0.3s ease-in-out;
-			transform-origin: right center;
-			// transform: scaleX(0);
+			// transform-origin: right center;
+			transform: scaleX(-1);
 		}
 
 		.right {
 			display: none;
 			position: absolute;
-			bottom: 0;
-			right: -25px;
+			top: 12px;
+			right: -19px;
 			// transition: all 0.3s ease-in-out;
 			transform-origin: left center;
 			// transform: scaleX(0);
diff --git a/components/nav-bar/nav-bar.vue b/components/nav-bar/nav-bar.vue
index f31f9ed..75e4f6b 100644
--- a/components/nav-bar/nav-bar.vue
+++ b/components/nav-bar/nav-bar.vue
@@ -2,7 +2,7 @@
 	<view style="width: 100%;" :style="{ height: `${data.statusBarHeight + 44}px` }"></view>
 	<view class="nav-bar-container" :style="{ backgroundColor: bgColor, zIndex: zIndex }">
 		<view class="status-placeholder" :style="{ height: `${data.statusBarHeight}px` }"></view>
-		<view style="width: 100%;height: 44px;" @click="openPopup">
+		<view style="width: 100%;height: 88rpx;" @click="openPopup">
 			<slot>
 				<uni-nav-bar backgroundColor="#00000000" class="nav-bar" :border="false" :title="title" v-bind="$attrs"
 					v-on="$attrs">
diff --git a/main.js b/main.js
index efaf17f..107d1fc 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.0.sp2')
+	uni.setStorageSync('version', '1.0.0.sp3')
 	app.config.globalProperties.$version = uni.getStorageSync('version')
 
 	app.use(globalMethods);
diff --git a/pages/ant-credit-pay/overdue-payment/overdue-payment.vue b/pages/ant-credit-pay/overdue-payment/overdue-payment.vue
index ef820b0..4ef98f2 100644
--- a/pages/ant-credit-pay/overdue-payment/overdue-payment.vue
+++ b/pages/ant-credit-pay/overdue-payment/overdue-payment.vue
@@ -262,11 +262,11 @@ const onConsumptionDateChange = (e) => {
 }
 
 onLoad((option) => {
-	// 进入花呗页面埋点
+	// 进入花呗逾期页面埋点
 	proxy.$apiUserEvent('all', {
 		type: 'click',
-		key: 'huabei',
-		value: "花呗"
+		key: 'huabei_overdue',
+		value: "花呗逾期"
 	})
 	console.log(option)
 	// 读取缓存
diff --git a/pages/bill/bill-detail/bill-detail.vue b/pages/bill/bill-detail/bill-detail.vue
index 43d8573..fd97793 100644
--- a/pages/bill/bill-detail/bill-detail.vue
+++ b/pages/bill/bill-detail/bill-detail.vue
@@ -241,7 +241,8 @@ import {
 	reactive,
 	toRefs,
 	ref,
-	nextTick
+	nextTick,
+	getCurrentInstance
 } from 'vue'
 import {
 	onLoad,
@@ -257,6 +258,9 @@ const {
 	updateBill
 } = useStore()
 
+const instance = getCurrentInstance();
+const { proxy } = instance;
+
 const billManagementPopupRef = ref(null)
 
 const buttonGroup = [{
@@ -326,6 +330,12 @@ onShow(() => {
 })
 
 onLoad((option) => {
+	// 进入账单详情页面埋点
+	proxy.$apiUserEvent('all', {
+		type: 'click',
+		key: 'bill_details',
+		value: "账单详情"
+	})
 	console.log(option)
 	if (option.id) {
 		data.billId = option.id
diff --git a/pages/common/recharge/index.vue b/pages/common/recharge/index.vue
index 013e4d2..66d4d1c 100644
--- a/pages/common/recharge/index.vue
+++ b/pages/common/recharge/index.vue
@@ -260,227 +260,545 @@
 
 
 <script setup>
-
-import customTab from "@/components/custom-tab/custom-tab.vue"
-import countUp from "@/components/countUp/countUp.vue"
-import { postJson } from "@/utils/requests.js"
-import { ref, reactive, getCurrentInstance, watch, nextTick, toRefs } from "vue";
-import { onLoad, onShow, onReady, onPullDownRefresh, onReachBottom, onBackPress, onUnload } from "@dcloudio/uni-app";
-const { appContext, proxy } = getCurrentInstance();
-const popup = ref();
-const coupon = ref();
-const couponBox = ref();
-const myCoupon = ref();
-const dialogVipBenefits = [{
-	name: "模拟微信",
-	url: "/static/image/recharge/moniweixinDialog.png"
-},
-{
-	name: "无广告",
-	url: "/static/image/recharge/wuguanggaoDialog.png"
-},
-{
-	name: "无水印",
-	url: "/static/image/recharge/wushuiyinDialog.png"
-},
-{
-	name: "专属客服",
-	url: "/static/image/recharge/zhuanshukefuDialog.png"
-}
-]
-
-// 套餐列表
-const packageList = [{
-	name: "连续包月",
-	delPrice: "89",
-	price: "29",
-	lifespan: "一月"
-},
-{
-	name: "连续包季",
-	delPrice: "189",
-	price: "98",
-	lifespan: "一季"
-},
-{
-	name: "连续包年",
-	delPrice: "365",
-	price: "198",
-	lifespan: "一年"
-}
-]
-
-const data = reactive({
-	scrollLeft: 0,
-	active_id: 0,
-	active_ids: 0,
-	activeitems: {},
-	coupon: true,
-	currentUrl: '',
-	background: ['color1', 'color2', 'color3'],
-	indicatorDots: false,
-	autoplay: false,
-	interval: 5000,
-	duration: 500,
-	// 底部按钮文字
-	buttonText: '',
-	// 套餐选择
-	selected: 1,
-	// 支付方式选择
-	paymentMethod: "wxpay",
-	// banner列表
-	bannerList: [{
-		url: "/static/image/recharge/banner1.png"
-	}],
-	// 会员权益列表
-	benefitList: [{
-		name: "无广告",
-		url: "/static/image/recharge/icon1.png"
-	},
-	{
-		name: "无水印",
-		url: "/static/image/recharge/icon2.png"
-	},
-	{
-		name: "专属客服",
-		url: "/static/image/recharge/icon3.png"
-	},
-	{
-		name: "多设备",
-		url: "/static/image/recharge/icon4.png"
-	},
-	{
-		name: "AI聊天模板",
-		url: "/static/image/recharge/icon5.png"
-	},
-	{
-		name: "聊天转账",
-		url: "/static/image/recharge/icon6.png"
-	},
-	{
-		name: "限额设置",
-		url: "/static/image/recharge/icon7.png"
-	},
-	{
-		name: "零钱修改",
-		url: "/static/image/recharge/icon8.png"
-	},
-	{
-		name: "零钱通",
-		url: "/static/image/recharge/icon9.png"
-	},
-	{
-		name: "分付",
-		url: "/static/image/recharge/icon10.png"
-	},
-	{
-		name: "账单",
-		url: "/static/image/recharge/icon11.png"
-	},
-	{
-		name: "朋友圈",
-		url: "/static/image/recharge/icon12.png"
-	}
-	],
-	goodsList: [],
-	myActivity: [],
-	activeCoupon: {},
-	activeCoupon2: {},
-	uni_recharge_back: [],
-	goods: {},
-	activity: [],
-	appUser: {},
-	countdown: true,
-	isBack: true,
-	payList: [{
-		image: '/static/image/recharge/wxpay.png',
-		name: '微信支付',
-		type: 'wxpay'
-	},
-	{
-		image: '/static/image/recharge/alipay.png',
-		name: '支付宝支付',
-		type: 'alipay',
-	}
-	],
-	open_number: 1,
-	back_number: 1,
-	price: 0,
-	coupon: 0,
-	ishongBao: false,
-	incrementTimer: null,
-	timeout: null,
-	isChristmas: false,
-	// 添加一个标志位来防止快速连续点击导致的价格显示错误
-	isProcessingClick: false,
-	banner: '/static/image/recharge/banner1.png',
-})
-
-let { buttonText, selected, benefitList, noticeList, commentList, paymentMethod } = toRefs(data)
-
-/**
- * 返回监听
- */
-onBackPress((e) => {
-	if (e.from == 'backbutton' && data.appUser.vip == 1) {
-		open()
-		return true; //阻止返回
-	}
-})
-
-
-onLoad(async () => {
-	const config = uni.getStorageSync('config').config
-	const themeConfig = config?.['client.uniapp.theme']
-	if (themeConfig?.enable) {
-		if (themeConfig?.theme == '0214') {
-			data.banner = '/static/image/recharge/214/bannar.png'
-			// })
-		} else if (themeConfig?.theme == '0217') {
-			data.banner = '/static/image/recharge/chunjie/bannar.png'
+	import customTab from "@/components/custom-tab/custom-tab.vue"
+	import countUp from "@/components/countUp/countUp.vue"
+	import {
+		postJson
+	} from "@/utils/requests.js"
+	import {
+		ref,
+		reactive,
+		getCurrentInstance,
+		watch,
+		nextTick,
+		toRefs
+	} from "vue";
+	import {
+		onLoad,
+		onShow,
+		onReady,
+		onPullDownRefresh,
+		onReachBottom,
+		onBackPress,
+		onUnload
+	} from "@dcloudio/uni-app";
+	const {
+		appContext,
+		proxy
+	} = getCurrentInstance();
+	const popup = ref();
+	const coupon = ref();
+	const couponBox = ref();
+	const myCoupon = ref();
+	const dialogVipBenefits = [{
+			name: "模拟微信",
+			url: "/static/image/recharge/moniweixinDialog.png"
+		},
+		{
+			name: "无广告",
+			url: "/static/image/recharge/wuguanggaoDialog.png"
+		},
+		{
+			name: "无水印",
+			url: "/static/image/recharge/wushuiyinDialog.png"
+		},
+		{
+			name: "专属客服",
+			url: "/static/image/recharge/zhuanshukefuDialog.png"
 		}
-	}
-	let pages = getCurrentPages();
-	let currentPage = pages[pages.length - 1];
-	data.currentUrl = proxy.$pageData[currentPage.route];
-	uni.showLoading({
-		title: '加载中',
-		mask: true // 添加遮罩防止用户操作
-	});
-	let user = await proxy.$requestPromise({
-		url: 'api/user',
-		method: "GET",
-		data: {}
+	]
+
+	// 套餐列表
+	const packageList = [{
+			name: "连续包月",
+			delPrice: "89",
+			price: "29",
+			lifespan: "一月"
+		},
+		{
+			name: "连续包季",
+			delPrice: "189",
+			price: "98",
+			lifespan: "一季"
+		},
+		{
+			name: "连续包年",
+			delPrice: "365",
+			price: "198",
+			lifespan: "一年"
+		}
+	]
+
+	const data = reactive({
+		scrollLeft: 0,
+		active_id: 0,
+		active_ids: 0,
+		activeitems: {},
+		coupon: true,
+		currentUrl: '',
+		background: ['color1', 'color2', 'color3'],
+		indicatorDots: false,
+		autoplay: false,
+		interval: 5000,
+		duration: 500,
+		// 底部按钮文字
+		buttonText: '',
+		// 套餐选择
+		selected: 1,
+		// 支付方式选择
+		paymentMethod: "wxpay",
+		// banner列表
+		bannerList: [{
+			url: "/static/image/recharge/banner1.png"
+		}],
+		// 会员权益列表
+		benefitList: [{
+				name: "无广告",
+				url: "/static/image/recharge/icon1.png"
+			},
+			{
+				name: "无水印",
+				url: "/static/image/recharge/icon2.png"
+			},
+			{
+				name: "专属客服",
+				url: "/static/image/recharge/icon3.png"
+			},
+			{
+				name: "多设备",
+				url: "/static/image/recharge/icon4.png"
+			},
+			{
+				name: "AI聊天模板",
+				url: "/static/image/recharge/icon5.png"
+			},
+			{
+				name: "聊天转账",
+				url: "/static/image/recharge/icon6.png"
+			},
+			{
+				name: "限额设置",
+				url: "/static/image/recharge/icon7.png"
+			},
+			{
+				name: "零钱修改",
+				url: "/static/image/recharge/icon8.png"
+			},
+			{
+				name: "零钱通",
+				url: "/static/image/recharge/icon9.png"
+			},
+			{
+				name: "分付",
+				url: "/static/image/recharge/icon10.png"
+			},
+			{
+				name: "账单",
+				url: "/static/image/recharge/icon11.png"
+			},
+			{
+				name: "朋友圈",
+				url: "/static/image/recharge/icon12.png"
+			}
+		],
+		goodsList: [],
+		myActivity: [],
+		activeCoupon: {},
+		activeCoupon2: {},
+		uni_recharge_back: [],
+		goods: {},
+		activity: [],
+		appUser: {},
+		countdown: true,
+		isBack: true,
+		payList: [{
+				image: '/static/image/recharge/wxpay.png',
+				name: '微信支付',
+				type: 'wxpay'
+			},
+			{
+				image: '/static/image/recharge/alipay.png',
+				name: '支付宝支付',
+				type: 'alipay',
+			}
+		],
+		open_number: 1,
+		back_number: 1,
+		price: 0,
+		coupon: 0,
+		ishongBao: false,
+		incrementTimer: null,
+		timeout: null,
+		isChristmas: false,
+		// 添加一个标志位来防止快速连续点击导致的价格显示错误
+		isProcessingClick: false,
+		banner: '/static/image/recharge/banner1.png',
 	})
-	if (user.code == 0) {
-		data.appUser = user.data
-	}
-	let goods = await proxy.$requestPromise({
-		url: 'api/order/goods',
-		method: "GET",
-		data: {
-			type: "member"
+
+	let {
+		buttonText,
+		selected,
+		benefitList,
+		noticeList,
+		commentList,
+		paymentMethod
+	} = toRefs(data)
+
+	/**
+	 * 返回监听
+	 */
+	onBackPress((e) => {
+		if (e.from == 'backbutton' && data.appUser.vip == 1) {
+			open()
+			return true; //阻止返回
 		}
 	})
-	console.log(goods)
-	if (goods.code == 0) {
-		data.goodsList = goods.data
 
-		let zsItem = goods.data[0]
-		let zsIndex = 0
-		let checked = true
-		goods.data.forEach((item, index) => {
-			if (item.checked && checked) {
-				checked = false
-				zsItem = item
-				zsIndex = index
+
+	onLoad(async () => {
+		const config = uni.getStorageSync('config').config
+		const themeConfig = config?.['client.uniapp.theme']
+		if (themeConfig?.enable) {
+			if (themeConfig?.theme == '0214') {
+				data.banner = '/static/image/recharge/214/bannar.png'
+				// })
+			} else if (themeConfig?.theme == '0217') {
+				data.banner = '/static/image/recharge/chunjie/bannar.png'
+			}
+		}
+		let pages = getCurrentPages();
+		let currentPage = pages[pages.length - 1];
+		data.currentUrl = proxy.$pageData[currentPage.route];
+		uni.showLoading({
+			title: '加载中',
+			mask: true // 添加遮罩防止用户操作
+		});
+		let user = await proxy.$requestPromise({
+			url: 'api/user',
+			method: "GET",
+			data: {}
+		})
+		if (user.code == 0) {
+			data.appUser = user.data
+		}
+		let goods = await proxy.$requestPromise({
+			url: 'api/order/goods',
+			method: "GET",
+			data: {
+				type: "member"
 			}
 		})
-		nextTick(() => {
-			setTimeout(() => {
-				data.scrollLeft = zsIndex * 120
-			}, 100)
+		console.log(goods)
+		if (goods.code == 0) {
+			data.goodsList = goods.data
+
+			let zsItem = goods.data[0]
+			let zsIndex = 0
+			let checked = true
+			goods.data.forEach((item, index) => {
+				if (item.checked && checked) {
+					checked = false
+					zsItem = item
+					zsIndex = index
+				}
+			})
+			nextTick(() => {
+				setTimeout(() => {
+					data.scrollLeft = zsIndex * 120
+				}, 100)
+			})
+			let activity = await proxy.$requestPromise({
+				url: 'api/activity/coupon',
+				method: "GET",
+				data: {
+					page: 1,
+					size: 50,
+					status: 1
+				}
+			})
+			if (activity.data.total != 0) {
+				activity.data.items.forEach(item => {
+					if (new Date(item.expire_time) < new Date()) {
+						item['isStatus'] = false
+					} else {
+						item['isStatus'] = true
+					}
+					item['expire_times'] = item.expire_time
+					item.expire_time = item.expire_time.replace('-', '.').replace('-', '.').substring(
+						0, 10)
+				})
+				data.myActivity = [
+					...activity.data.items.filter(item => (item.threshold == '' || zsItem.price >= (Number(
+						item
+						.threshold) / 100)) && item.isStatus),
+					...activity.data.items.filter(item => (zsItem.price < (Number(item.threshold) / 100) &&
+						item
+						.threshold != '') || !item.isStatus)
+				]
+				data.myActivity = deduplicateKeepLast(data.myActivity)
+			}
+			await onSelect(zsItem, zsIndex)
+		}
+		let activity = await proxy.$requestPromise({
+			url: 'api/activity',
+			method: "GET",
+			data: {
+				scene: 'uni_open_recharge'
+			}
 		})
+		data.activity = activity.data
+		if (activity.data.length != 0) {
+			coupon.value.open()
+		}
+		uni.setStorageSync('open_number', data.open_number + 1);
+		let uni_recharge_back = await proxy.$requestPromise({
+			url: 'api/activity',
+			method: "GET",
+			data: {
+				scene: 'uni_recharge_back'
+			}
+		})
+		data.uni_recharge_back = uni_recharge_back.data
+		if (uni_recharge_back.data.length == 0) {
+			data.isBack = false
+		}
+		uni.hideLoading();
+		if (uni.getStorageSync('onNativeEventReceive') != 'ok') {
+			uni.setStorageSync('onNativeEventReceive', 'ok')
+			//监听宿主传递消息
+			uni.onNativeEventReceive((event, data) => {
+				if (event) {
+					if (event == "wx_pay_result") {
+						if (Number(data) == 0) {
+							paymentResult(uni.getStorageSync('orderId'), paymentMethod.value)
+						} else {
+							uni.hideLoading();
+							uni.showToast({
+								icon: 'none',
+								title: '支付失败'
+							})
+						}
+					}
+					if (event == "ios_pay_result") {
+						if (Number(data) == 0) {
+							paymentResult(uni.getStorageSync('orderId'), paymentMethod.value)
+						} else {
+							uni.hideLoading();
+							uni.showToast({
+								icon: 'none',
+								title: '支付失败'
+							})
+						}
+					}
+					console.log('接收到宿主App消息-' + event + '：' + data);
+				}
+			})
+		}
+
+	})
+
+	onShow(async () => {
+
+	})
+	onUnload(() => {
+		// uni.offNativeEventReceive()
+	})
+	onReady(() => {
+		try {
+			if (plus.os.name === 'Android') {
+				let color = plus.android.newObject("android.graphics.Color");
+				let activity = plus.android.runtimeMainActivity();
+				let colorInt = plus.android.invoke(color, "parseColor", '#fff'); // 设置为橙色    
+				let window = plus.android.invoke(activity, "getWindow");
+				plus.android.invoke(window, "setNavigationBarColor", colorInt);
+				uni.setNavigationBarColor({
+					animation: { // 动画效果
+						duration: 100,
+						timingFunc: 'easeIn'
+					}
+				})
+				console.log("状态栏设置完毕！");
+				setTimeout(function() {
+					uni.setNavigationBarColor({
+						backgroundColor: '#fff',
+						animation: { // 动画效果
+							duration: 100,
+							timingFunc: 'easeIn'
+						}
+					})
+				}, 200);
+				setTimeout(function() {
+					plus.navigator.setStatusBarStyle("light");
+				}, 200);
+			}
+		} catch (error) {
+			//TODO handle the exception
+		}
+	})
+
+
+
+	function isToday(inputTime) {
+		// 获取当前日期的时间戳（去掉时分秒）
+		const today = new Date();
+		today.setHours(0, 0, 0, 0);
+		const todayTimestamp = today.getTime();
+
+		// 处理输入时间
+		const inputDate = new Date(inputTime);
+		inputDate.setHours(0, 0, 0, 0);
+		const inputTimestamp = inputDate.getTime();
+
+		// 比较时间戳
+		return inputTimestamp === todayTimestamp;
+	}
+
+	function calculateTimeRemaining(targetTime) {
+		// 获取目标时间和当前时间的时间戳
+		const target = new Date(targetTime).getTime();
+		const now = new Date().getTime();
+		// 计算时间差（毫秒）
+		const difference = target - now;
+		// 如果目标时间已过，返回0
+		if (difference <= 0) {
+			return {
+				days: 0,
+				hours: 0,
+				minutes: 0,
+				seconds: 0
+			};
+		}
+		// 计算天数
+		const days = Math.floor(difference / (1000 * 60 * 60 * 24));
+		// 计算剩余小时数
+		const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+		// 计算剩余分钟数
+		const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
+		// 计算剩余秒数
+		const seconds = Math.floor((difference % (1000 * 60)) / 1000);
+		console.log({
+			days: days,
+			hours: hours,
+			minutes: minutes,
+			seconds: seconds
+		})
+		return {
+			days: days,
+			hours: hours,
+			minutes: minutes,
+			seconds: seconds
+		};
+	}
+
+	function activeClick(status) {
+		myCoupon.value.close()
+		if (status && data.active_ids > 0) {
+			let item = data.activeitems
+			data.activeCoupon = {
+				...item,
+				...calculateTimeRemaining(item.expire_times)
+			}
+			data.countdown = false
+			setTimeout(() => {
+				data.countdown = true
+			}, 100);
+			data.active_id = item.id
+			setTimeout(() => {
+				setPrice(true)
+			}, 1000);
+		}
+	}
+
+	function setActiveId(item) {
+		data.active_ids = item.id
+		data.activeitems = item
+	}
+
+	function setPrice(status) {
+		console.log("setPrice")
+		if (data.incrementTimer) {
+			clearInterval(data.incrementTimer);
+			data.incrementTimer = null
+		}
+		if (data.timeout) {
+			clearInterval(data.timeout);
+			data.timeout = null
+		}
+		let oldPrice = Number(data.goods.origin_price)
+		data.price = Number(data.goods.origin_price)
+		console.log("开始", data.price)
+		let price = 0
+		let origin_price = 0
+		let coupon = 0
+		if (data.active_id == 0) {
+			price = Number(data.goods.price)
+			origin_price = Number(data.goods.origin_price)
+			coupon = origin_price - price
+		} else {
+			price = data.goods.price - (data.activeCoupon.coupon_type_name != '折扣券' ? (Number(data.activeCoupon
+					.coupon_value) /
+				100) : ((1 - Number(data.activeCoupon.coupon_value)) * data.goods.price))
+			coupon = (Number(data.goods.origin_price) - Number(data.goods.price)) + (Number(data.goods.price) - (data.goods
+				.price - (data.activeCoupon.coupon_type_name != '折扣券' ? (Number(data.activeCoupon.coupon_value) /
+					100) : ((
+					1 - Number(data.activeCoupon.coupon_value)) * data.goods.price))))
+		}
+		data.coupon = proxy.$toFiexd(coupon, 0)
+		if (status) {
+			if (data.active_id) {
+				data.ishongBao = true
+				data.timeout = setTimeout(() => {
+					data.ishongBao = false
+				}, 1500);
+			}
+			data.price = proxy.$toFiexd(price, 2)
+			if (false) {
+				// 修复关键点：计算合理的间隔时间
+				const priceDiff = Math.abs(oldPrice - price);
+				// 确保间隔在合理范围内（16ms-100ms）
+				let interval = 1000 / priceDiff;
+				if (interval < 16) interval = 16; // 不低于16ms
+				if (interval > 100) interval = 100; // 不高于100ms
+				if (!isFinite(interval)) interval = 16; // 处理除零
+				console.log(`间隔: ${interval}ms`);
+				data.incrementTimer = setInterval(() => {
+					if (oldPrice > price) {
+						if (Number(data.price) > price) {
+							if ((oldPrice - price) > 500) {
+								data.price -= 4
+							} else {
+								data.price -= 1
+							}
+						} else {
+							data.isProcessingClick = false
+							data.price = proxy.$toFiexd(price, 2)
+							clearInterval(data.incrementTimer);
+							data.incrementTimer = null
+						}
+					} else {
+						if (Number(data.price) < price) {
+							data.price = Number(data.price) + 1
+						} else {
+							data.isProcessingClick = false
+							data.price = proxy.$toFiexd(price, 2)
+							clearInterval(data.incrementTimer);
+							data.incrementTimer = null
+						}
+					}
+					console.log(data.price)
+				}, interval)
+			}
+
+		} else {
+			data.isProcessingClick = false
+			data.price = proxy.$toFiexd(price, 2)
+		}
+		console.log("最后", data.price)
+
+
+	}
+	/* 获取我的优惠券 */
+	async function getActivity() {
 		let activity = await proxy.$requestPromise({
 			url: 'api/activity/coupon',
 			method: "GET",
@@ -497,335 +815,62 @@ onLoad(async () => {
 				} else {
 					item['isStatus'] = true
 				}
+			})
+			activity.data.items.forEach(item => {
 				item['expire_times'] = item.expire_time
 				item.expire_time = item.expire_time.replace('-', '.').replace('-', '.').substring(0, 10)
 			})
 			data.myActivity = [
-				...activity.data.items.filter(item => (item.threshold == '' || zsItem.price >= (Number(item
-					.threshold) / 100)) && item.isStatus),
-				...activity.data.items.filter(item => (zsItem.price < (Number(item.threshold) / 100) && item
-					.threshold != '') || !item.isStatus)
+				...activity.data.items.filter(item => (item.threshold == '' || data.goods.price >= (Number(item
+						.threshold) /
+					100) && item.isStatus)),
+				...activity.data.items.filter(item => (data.goods.price < (Number(item.threshold) / 100) && item
+					.threshold !=
+					'') || !item.isStatus)
 			]
 			data.myActivity = deduplicateKeepLast(data.myActivity)
 		}
-		await onSelect(zsItem, zsIndex)
 	}
-	let activity = await proxy.$requestPromise({
-		url: 'api/activity',
-		method: "GET",
-		data: {
-			scene: 'uni_open_recharge'
-		}
-	})
-	data.activity = activity.data
-	if (activity.data.length != 0) {
-		coupon.value.open()
-	}
-	uni.setStorageSync('open_number', data.open_number + 1);
-	let uni_recharge_back = await proxy.$requestPromise({
-		url: 'api/activity',
-		method: "GET",
-		data: {
-			scene: 'uni_recharge_back'
-		}
-	})
-	data.uni_recharge_back = uni_recharge_back.data
-	if (uni_recharge_back.data.length == 0) {
-		data.isBack = false
-	}
-	uni.hideLoading();
-	//监听宿主传递消息
-	uni.onNativeEventReceive((event, data) => {
-		if (event) {
-			if (event == "wx_pay_result") {
-				if (Number(data) == 0) {
-					paymentResult(uni.getStorageSync('orderId'), paymentMethod.value)
-				} else {
-					uni.hideLoading();
-					uni.showToast({
-						icon: 'none',
-						title: '支付失败'
-					})
-				}
-			}
-			if (event == "ios_pay_result") {
-				if (Number(data) == 0) {
-					paymentResult(uni.getStorageSync('orderId'), paymentMethod.value)
-				} else {
-					uni.hideLoading();
-					uni.showToast({
-						icon: 'none',
-						title: '支付失败'
-					})
-				}
-			}
-			console.log('接收到宿主App消息-' + event + '：' + data);
-		}
-	})
-})
 
-onShow(async () => {
+	function deduplicateKeepLast(arr, idKey = 'id') {
+		const map = new Map();
 
-})
-onUnload(() => {
-	uni.offNativeEventReceive()
-})
-onReady(() => {
-	try {
-		if (plus.os.name === 'Android') {
-			let color = plus.android.newObject("android.graphics.Color");
-			let activity = plus.android.runtimeMainActivity();
-			let colorInt = plus.android.invoke(color, "parseColor", '#fff'); // 设置为橙色    
-			let window = plus.android.invoke(activity, "getWindow");
-			plus.android.invoke(window, "setNavigationBarColor", colorInt);
-			uni.setNavigationBarColor({
-				animation: { // 动画效果
-					duration: 100,
-					timingFunc: 'easeIn'
-				}
+		arr.forEach(item => {
+			const id = item[idKey];
+			map.set(id, item); // 总是设置最新的值
+		});
+
+		return Array.from(map.values());
+	}
+
+	/* 领取优惠券 */
+	async function submitActivity() {
+		console.log("activity_id");
+		let activity_id = ''
+		data.activity.forEach(item => {
+			activity_id += ',' + item.id
+		})
+		activity_id = activity_id.replace(',', '')
+		if (activity_id != "") {
+			console.log("activity_id", activity_id);
+			let activityRes = await postJson('q', 'api/activity', {
+				activity_id: activity_id //activity_id+"="
 			})
-			console.log("状态栏设置完毕！");
-			setTimeout(function () {
-				uni.setNavigationBarColor({
-					backgroundColor: '#fff',
-					animation: { // 动画效果
-						duration: 100,
-						timingFunc: 'easeIn'
-					}
+			console.log(activityRes)
+			if (activityRes.code == 0) {
+				coupon.value.close()
+				uni.showToast({
+					icon: 'none',
+					title: '领取成功'
 				})
-			}, 200);
-			setTimeout(function () {
-				plus.navigator.setStatusBarStyle("light");
-			}, 200);
-		}
-	} catch (error) {
-		//TODO handle the exception
-	}
-})
-
-
-
-function isToday(inputTime) {
-	// 获取当前日期的时间戳（去掉时分秒）
-	const today = new Date();
-	today.setHours(0, 0, 0, 0);
-	const todayTimestamp = today.getTime();
-
-	// 处理输入时间
-	const inputDate = new Date(inputTime);
-	inputDate.setHours(0, 0, 0, 0);
-	const inputTimestamp = inputDate.getTime();
-
-	// 比较时间戳
-	return inputTimestamp === todayTimestamp;
-}
-
-function calculateTimeRemaining(targetTime) {
-	// 获取目标时间和当前时间的时间戳
-	const target = new Date(targetTime).getTime();
-	const now = new Date().getTime();
-	// 计算时间差（毫秒）
-	const difference = target - now;
-	// 如果目标时间已过，返回0
-	if (difference <= 0) {
-		return {
-			days: 0,
-			hours: 0,
-			minutes: 0,
-			seconds: 0
-		};
-	}
-	// 计算天数
-	const days = Math.floor(difference / (1000 * 60 * 60 * 24));
-	// 计算剩余小时数
-	const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
-	// 计算剩余分钟数
-	const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
-	// 计算剩余秒数
-	const seconds = Math.floor((difference % (1000 * 60)) / 1000);
-	console.log({
-		days: days,
-		hours: hours,
-		minutes: minutes,
-		seconds: seconds
-	})
-	return {
-		days: days,
-		hours: hours,
-		minutes: minutes,
-		seconds: seconds
-	};
-}
-
-function activeClick(status) {
-	myCoupon.value.close()
-	if (status && data.active_ids > 0) {
-		let item = data.activeitems
-		data.activeCoupon = {
-			...item,
-			...calculateTimeRemaining(item.expire_times)
-		}
-		data.countdown = false
-		setTimeout(() => {
-			data.countdown = true
-		}, 100);
-		data.active_id = item.id
-		setTimeout(() => {
-			setPrice(true)
-		}, 1000);
-	}
-}
-
-function setActiveId(item) {
-	data.active_ids = item.id
-	data.activeitems = item
-}
-
-function setPrice(status) {
-	console.log("setPrice")
-	if (data.incrementTimer) {
-		clearInterval(data.incrementTimer);
-		data.incrementTimer = null
-	}
-	if (data.timeout) {
-		clearInterval(data.timeout);
-		data.timeout = null
-	}
-	let oldPrice = Number(data.goods.origin_price)
-	data.price = Number(data.goods.origin_price)
-	console.log("开始", data.price)
-	let price = 0
-	let origin_price = 0
-	let coupon = 0
-	if (data.active_id == 0) {
-		price = Number(data.goods.price)
-		origin_price = Number(data.goods.origin_price)
-		coupon = origin_price - price
-	} else {
-		price = data.goods.price - (data.activeCoupon.coupon_type_name != '折扣券' ? (Number(data.activeCoupon.coupon_value) /
-			100) : ((1 - Number(data.activeCoupon.coupon_value)) * data.goods.price))
-		coupon = (Number(data.goods.origin_price) - Number(data.goods.price)) + (Number(data.goods.price) - (data.goods
-			.price - (data.activeCoupon.coupon_type_name != '折扣券' ? (Number(data.activeCoupon.coupon_value) / 100) : ((
-				1 - Number(data.activeCoupon.coupon_value)) * data.goods.price))))
-	}
-	data.coupon = proxy.$toFiexd(coupon, 0)
-	if (status) {
-		if (data.active_id) {
-			data.ishongBao = true
-			data.timeout = setTimeout(() => {
-				data.ishongBao = false
-			}, 1500);
-		}
-		data.price = proxy.$toFiexd(price, 2)
-		if (false) {
-			// 修复关键点：计算合理的间隔时间
-			const priceDiff = Math.abs(oldPrice - price);
-			// 确保间隔在合理范围内（16ms-100ms）
-			let interval = 1000 / priceDiff;
-			if (interval < 16) interval = 16;  // 不低于16ms
-			if (interval > 100) interval = 100; // 不高于100ms
-			if (!isFinite(interval)) interval = 16; // 处理除零
-			console.log(`间隔: ${interval}ms`);
-			data.incrementTimer = setInterval(() => {
-				if (oldPrice > price) {
-					if (Number(data.price) > price) {
-						if ((oldPrice - price) > 500) {
-							data.price -= 4
-						} else {
-							data.price -= 1
-						}
-					} else {
-						data.isProcessingClick = false
-						data.price = proxy.$toFiexd(price, 2)
-						clearInterval(data.incrementTimer);
-						data.incrementTimer = null
-					}
-				} else {
-					if (Number(data.price) < price) {
-						data.price = Number(data.price) + 1
-					} else {
-						data.isProcessingClick = false
-						data.price = proxy.$toFiexd(price, 2)
-						clearInterval(data.incrementTimer);
-						data.incrementTimer = null
-					}
-				}
-				console.log(data.price)
-			}, interval)
-		}
-
-	} else {
-		data.isProcessingClick = false
-		data.price = proxy.$toFiexd(price, 2)
-	}
-	console.log("最后", data.price)
-
-
-}
-/* 获取我的优惠券 */
-async function getActivity() {
-	let activity = await proxy.$requestPromise({
-		url: 'api/activity/coupon',
-		method: "GET",
-		data: {
-			page: 1,
-			size: 50,
-			status: 1
-		}
-	})
-	if (activity.data.total != 0) {
-		activity.data.items.forEach(item => {
-			if (new Date(item.expire_time) < new Date()) {
-				item['isStatus'] = false
+				getActivity()
 			} else {
-				item['isStatus'] = true
+				coupon.value.close()
+				uni.showToast({
+					icon: 'none',
+					title: '领取失败'
+				})
 			}
-		})
-		activity.data.items.forEach(item => {
-			item['expire_times'] = item.expire_time
-			item.expire_time = item.expire_time.replace('-', '.').replace('-', '.').substring(0, 10)
-		})
-		data.myActivity = [
-			...activity.data.items.filter(item => (item.threshold == '' || data.goods.price >= (Number(item.threshold) /
-				100) && item.isStatus)),
-			...activity.data.items.filter(item => (data.goods.price < (Number(item.threshold) / 100) && item.threshold !=
-				'') || !item.isStatus)
-		]
-		data.myActivity = deduplicateKeepLast(data.myActivity)
-	}
-}
-function deduplicateKeepLast(arr, idKey = 'id') {
-	const map = new Map();
-
-	arr.forEach(item => {
-		const id = item[idKey];
-		map.set(id, item); // 总是设置最新的值
-	});
-
-	return Array.from(map.values());
-}
-
-/* 领取优惠券 */
-async function submitActivity() {
-	console.log("activity_id");
-	let activity_id = ''
-	data.activity.forEach(item => {
-		activity_id += ',' + item.id
-	})
-	activity_id = activity_id.replace(',', '')
-	if (activity_id != "") {
-		console.log("activity_id", activity_id);
-		let activityRes = await postJson('q', 'api/activity', {
-			activity_id: activity_id//activity_id+"="
-		})
-		console.log(activityRes)
-		if (activityRes.code == 0) {
-			coupon.value.close()
-			uni.showToast({
-				icon: 'none',
-				title: '领取成功'
-			})
-			getActivity()
 		} else {
 			coupon.value.close()
 			uni.showToast({
@@ -833,88 +878,60 @@ async function submitActivity() {
 				title: '领取失败'
 			})
 		}
-	} else {
-		coupon.value.close()
-		uni.showToast({
-			icon: 'none',
-			title: '领取失败'
-		})
+
 	}
-
-}
-/**
- * @param {Object} item
- * @param {Object} index
- * 选择购买套餐
- */
+	/**
+	 * @param {Object} item
+	 * @param {Object} index
+	 * 选择购买套餐
+	 */
 
 
-/* 
-防抖
-*/
-const debouncedOnSelect = debounce((items, index) => {
-	onSelect(items, index);
-}, 200, false);
+	/* 
+	防抖
+	*/
+	const debouncedOnSelect = debounce((items, index) => {
+		onSelect(items, index);
+	}, 200, false);
 
-function debounce(func, wait, immediate = true) {
-	let timeout;
-	return function (...args) {
-		const later = () => {
-			timeout = null;
-			if (!immediate) func(...args);
+	function debounce(func, wait, immediate = true) {
+		let timeout;
+		return function(...args) {
+			const later = () => {
+				timeout = null;
+				if (!immediate) func(...args);
+			};
+
+			const callNow = immediate && !timeout;
+			clearTimeout(timeout);
+			timeout = setTimeout(later, wait);
+
+			if (callNow) func(...args);
 		};
-
-		const callNow = immediate && !timeout;
-		clearTimeout(timeout);
-		timeout = setTimeout(later, wait);
-
-		if (callNow) func(...args);
-	};
-}
-async function onSelect(items, index) {
-	data.active_id = 0
-	data.activeCoupon = {}
-	data.active_ids = 0
-	data.countdown = false
-	data.goods = items
-	console.log("选中商品", data.goods)
-	let id = 0
-	if (data.myActivity.length > 0) {
-		let defaultCoupon = data.myActivity.filter(item => item.activity_id == data.goods.default_activity)
-		if (defaultCoupon.length > 0) {
-			defaultCoupon.forEach(item => {
-				if ((data.goods.price >= (Number(item.threshold) / 100) || item.threshold == '') && item.isStatus) {
-					item['price2'] = data.goods.price - (item.coupon_type_name != '折扣券' ? (Number(item.coupon_value) /
-						100) : ((1 - Number(item.coupon_value)) * data.goods.price))
-				} else {
-					item['price2'] = 10000000
-				}
-			})
-			let maxItem = defaultCoupon.reduce((min, curr) => curr.price2 < min.price2 ? curr : min)
-			console.log("默认", maxItem)
-			if (maxItem.price2 != 10000000) {
-				id = maxItem.id
-				data.activeitems = maxItem
-				data.activeCoupon = {
-					...maxItem,
-					...calculateTimeRemaining(maxItem.expire_times)
-				}
-
-				console.log("data.activeCoupon", data.activeCoupon)
-			}
-		}
-		if (id == 0 && data.goods.default_activity != '') {
-			try {
-				data.myActivity.forEach(item => {
-					if ((data.goods.price >= (Number(item.threshold) / 100) || item.threshold == '') && item.isStatus) {
-						item['price2'] = data.goods.price - (item.coupon_type_name != '折扣券' ? (Number(item.coupon_value) /
+	}
+	async function onSelect(items, index) {
+		data.active_id = 0
+		data.activeCoupon = {}
+		data.active_ids = 0
+		data.countdown = false
+		data.goods = items
+		console.log("选中商品", data.goods)
+		let id = 0
+		if (data.myActivity.length > 0) {
+			let defaultCoupon = data.myActivity.filter(item => item.activity_id == data.goods.default_activity)
+			if (defaultCoupon.length > 0) {
+				defaultCoupon.forEach(item => {
+					if ((data.goods.price >= (Number(item.threshold) / 100) || item.threshold == '') && item
+						.isStatus) {
+						item['price2'] = data.goods.price - (item.coupon_type_name != '折扣券' ? (Number(item
+								.coupon_value) /
 							100) : ((1 - Number(item.coupon_value)) * data.goods.price))
 					} else {
 						item['price2'] = 10000000
 					}
 				})
-				let maxItem = data.myActivity.reduce((min, curr) => curr.price2 < min.price2 ? curr : min)
-				console.log("其他", maxItem)
+				let maxItem = defaultCoupon.reduce((min, curr) => curr.price2 < min.price2 ? curr : min)
+				console.log("默认", maxItem)
 				if (maxItem.price2 != 10000000) {
 					id = maxItem.id
 					data.activeitems = maxItem
@@ -922,1019 +939,1046 @@ async function onSelect(items, index) {
 						...maxItem,
 						...calculateTimeRemaining(maxItem.expire_times)
 					}
+
+					console.log("data.activeCoupon", data.activeCoupon)
+				}
+			}
+			if (id == 0 && data.goods.default_activity != '') {
+				try {
+					data.myActivity.forEach(item => {
+						if ((data.goods.price >= (Number(item.threshold) / 100) || item.threshold == '') &&
+							item.isStatus) {
+							item['price2'] = data.goods.price - (item.coupon_type_name != '折扣券' ? (Number(item
+									.coupon_value) /
+								100) : ((1 - Number(item.coupon_value)) * data.goods.price))
+						} else {
+							item['price2'] = 10000000
+						}
+					})
+					let maxItem = data.myActivity.reduce((min, curr) => curr.price2 < min.price2 ? curr : min)
+					console.log("其他", maxItem)
+					if (maxItem.price2 != 10000000) {
+						id = maxItem.id
+						data.activeitems = maxItem
+						data.activeCoupon = {
+							...maxItem,
+							...calculateTimeRemaining(maxItem.expire_times)
+						}
+					}
+				} catch (error) {
+					console.log(error)
+					//TODO handle the exception
 				}
-			} catch (error) {
-				console.log(error)
-				//TODO handle the exception
 			}
 		}
-	}
-	console.log(data.activeitems)
-	console.log(data.active_id)
-	data.active_id = id
-	data.active_ids = id
-	selected.value = index + 1
-	buttonText.value = `${items.price}元享受${items.goods_name}`
-	if (items.pay_type != '') {
-		let list = items.pay_type.split(',').filter(cell => cell == 'alipay' || cell == 'weixin')
-		if (list.length != 0) {
-			let listData = list.map(cell => {
-				return {
-					image: cell == 'weixin' ? '/static/image/recharge/wxpay.png' : '/static/image/recharge/alipay.png',
-					name: cell == 'weixin' ? '微信支付' : '支付宝支付',
-					type: cell == 'weixin' ? 'wxpay' : 'alipay'
-				}
-			})
-			data.payList = listData
+		console.log(data.activeitems)
+		console.log(data.active_id)
+		data.active_id = id
+		data.active_ids = id
+		selected.value = index + 1
+		buttonText.value = `${items.price}元享受${items.goods_name}`
+		if (items.pay_type != '') {
+			let list = items.pay_type.split(',').filter(cell => cell == 'alipay' || cell == 'weixin')
+			if (list.length != 0) {
+				let listData = list.map(cell => {
+					return {
+						image: cell == 'weixin' ? '/static/image/recharge/wxpay.png' :
+							'/static/image/recharge/alipay.png',
+						name: cell == 'weixin' ? '微信支付' : '支付宝支付',
+						type: cell == 'weixin' ? 'wxpay' : 'alipay'
+					}
+				})
+				data.payList = listData
+			} else {
+				data.payList = [{
+						image: '/static/image/recharge/wxpay.png',
+						name: '微信支付',
+						type: 'wxpay'
+					},
+					{
+						image: '/static/image/recharge/alipay.png',
+						name: '支付宝支付',
+						type: 'alipay',
+					}
+				]
+			}
 		} else {
 			data.payList = [{
-				image: '/static/image/recharge/wxpay.png',
-				name: '微信支付',
-				type: 'wxpay'
-			},
-			{
-				image: '/static/image/recharge/alipay.png',
-				name: '支付宝支付',
-				type: 'alipay',
-			}
+					image: '/static/image/recharge/wxpay.png',
+					name: '微信支付',
+					type: 'wxpay'
+				},
+				{
+					image: '/static/image/recharge/alipay.png',
+					name: '支付宝支付',
+					type: 'alipay',
+				}
 			]
 		}
-	} else {
-		data.payList = [{
-			image: '/static/image/recharge/wxpay.png',
-			name: '微信支付',
-			type: 'wxpay'
-		},
-		{
-			image: '/static/image/recharge/alipay.png',
-			name: '支付宝支付',
-			type: 'alipay',
-		}
-		]
-	}
-	paymentMethod.value = data.payList[0].type
-	setTimeout(function () {
-		data.countdown = true
-	}, 100);
-	await setPrice(true)
-	await getActivity()
-
-}
-/**
- * @param {Object} value
- * 选择支付方式
- */
-function onSelectPayment(value) {
-	paymentMethod.value = value
-}
-
-function open() {
-
-	uni.setStorageSync('back_number', data.back_number + 1);
-	// 通过组件定义的ref调用uni-popup方法 ,如果传入参数 ，type 属性将失效 ，仅支持 ['top','left','bottom','right','center']
-	if (!data.isBack) {
-		proxy.$apiUserEvent('all', {
-			type: "event",
-			key: "recharge_dialog",
-			value: "返回充值页弹窗",
-			extra: {
-				uni_version: proxy.$version
-
-			}
-		}, {
-			type: 'recharge_dialog',
-			data: {
-				uni_version: proxy.$version
-			}
-		})
-		data.activeCoupon2 = calculateTimeRemaining(data.activeCoupon.expire_times)
-		console.log("data.activeCoupon2: " + JSON.stringify(data.activeCoupon2));
-		popup.value.open('center')
-	} else {
-
-		data.isBack = false
-		data.activity = data.uni_recharge_back
-		data.coupon = false
-		coupon.value.open()
+		paymentMethod.value = data.payList[0].type
+		setTimeout(function() {
+			data.countdown = true
+		}, 100);
+		await setPrice(true)
+		await getActivity()
 
 	}
-}
-
-/**
- * 随机生成通知列表
- */
-function generateNoticeList() {
-	noticeList.value = []
-	for (let i = 0; i <= 10; i++) {
-		noticeList.value.push({
-			user: `用户${generateMaskedPhoneNumber()}`,
-			time: generateNaturalTimeAgo(),
-			package: getRandomItem()
-		})
+	/**
+	 * @param {Object} value
+	 * 选择支付方式
+	 */
+	function onSelectPayment(value) {
+		paymentMethod.value = value
 	}
-}
-/**
- * 下单拉取支付
- */
-async function activateVip(type = '') {
-	if (type == 'back') {
-		proxy.$apiUserEvent('all', {
-			type: "click",
-			key: "recharge_dialog_pay",
-			value: "返回弹窗页开通会员按钮",
-			extra: {
-				uni_version: proxy.$version
-			}
-		}, {
-			type: 'recharge_dialog_pay',
-			data: {
-				uni_version: proxy.$version
-			}
-		})
-	}
-	uni.showLoading({
-		title: '支付中',
-		mask: true // 添加遮罩防止用户操作
-	});
 
-	uni.setStorageSync("UserEventOrder", {
-		"订单金额": data.goods.price + '元',
-		"订单名称": data.goods.goods_name,
-		"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
-	})
+	function open() {
 
+		uni.setStorageSync('back_number', data.back_number + 1);
+		// 通过组件定义的ref调用uni-popup方法 ,如果传入参数 ，type 属性将失效 ，仅支持 ['top','left','bottom','right','center']
+		if (!data.isBack) {
+			proxy.$apiUserEvent('all', {
+				type: "event",
+				key: "recharge_dialog",
+				value: "返回充值页弹窗",
+				extra: {
+					uni_version: proxy.$version
 
-	let paymentRes = await postJson('a', 'api/order', {
-		goods_id: data.goods.goods_id,
-		coupon: data.active_id ? data.active_id : '',
-		pay_type: paymentMethod.value == "wxpay" ? 'weixin' : "alipay",
-		"pay_source": paymentMethod.value == "alipay" && proxy.$system == 'iOS' ? "h5" : "app",
-		source: "uni_alipay",
-	})
-
-
-
-	if (paymentRes.code == 0) {
-		let payData = {}
-		if (paymentMethod.value == "wxpay") {
-			payData = {
-				"appid": paymentRes.data.appId, // 应用ID
-				"noncestr": paymentRes.data.nonceStr, // 随机字符串
-				"package": "Sign=WXPay", // 固定值
-				"partnerid": paymentRes.data.partnerId, // 商户号
-				"prepayid": paymentRes.data.prepayId, // 预支付交易会话ID
-				"timestamp": Number(paymentRes.data.timeStamp), // 时间戳（秒！）
-				"sign": paymentRes.data.sign // 签名
-			}
-			uni.setStorageSync('orderId', paymentRes.data.orderId)
-			//安卓wx支付开始传递开始
-			if (proxy.$system != 'iOS') {
-				uni.sendNativeEvent('wx_pay_start_alipay', paymentRes.data.orderId, ret => {
-					console.log('宿主App回传的数据：' + ret);
-				});
-			}
-
+				}
+			}, {
+				type: 'recharge_dialog',
+				data: {
+					uni_version: proxy.$version
+				}
+			})
+			data.activeCoupon2 = calculateTimeRemaining(data.activeCoupon.expire_times)
+			console.log("data.activeCoupon2: " + JSON.stringify(data.activeCoupon2));
+			popup.value.open('center')
 		} else {
-			payData = paymentRes.data.payParam
-			uni.setStorageSync('orderId', paymentRes.data.orderId)
+
+			data.isBack = false
+			data.activity = data.uni_recharge_back
+			data.coupon = false
+			coupon.value.open()
+
 		}
-		// ios 支付由宿主处理 
-		if (proxy.$system == 'iOS') {
-			setTimeout(() => {
-				uni.hideLoading();
-			}, 30000);
-			uni.sendNativeEvent('paymentResData', JSON.stringify(paymentRes.data), ret => {
-				console.log('宿主App回传的数据：' + ret);
-			});
-			return
+	}
+
+	/**
+	 * 随机生成通知列表
+	 */
+	function generateNoticeList() {
+		noticeList.value = []
+		for (let i = 0; i <= 10; i++) {
+			noticeList.value.push({
+				user: `用户${generateMaskedPhoneNumber()}`,
+				time: generateNaturalTimeAgo(),
+				package: getRandomItem()
+			})
 		}
-		uni.requestPayment({
-			provider: paymentMethod.value,
-			orderInfo: payData, //支付宝订单数据
-			success: function (resss) {
+	}
+	/**
+	 * 下单拉取支付
+	 */
+	async function activateVip(type = '') {
+		if (type == 'back') {
+			proxy.$apiUserEvent('all', {
+				type: "click",
+				key: "recharge_dialog_pay",
+				value: "返回弹窗页开通会员按钮",
+				extra: {
+					uni_version: proxy.$version
+				}
+			}, {
+				type: 'recharge_dialog_pay',
+				data: {
+					uni_version: proxy.$version
+				}
+			})
+		}
+		uni.showLoading({
+			title: '支付中',
+			mask: true // 添加遮罩防止用户操作
+		});
+
+		uni.setStorageSync("UserEventOrder", {
+			"订单金额": data.goods.price + '元',
+			"订单名称": data.goods.goods_name,
+			"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
+		})
+
+
+		let paymentRes = await postJson('a', 'api/order', {
+			goods_id: data.goods.goods_id,
+			coupon: data.active_id ? data.active_id : '',
+			pay_type: paymentMethod.value == "wxpay" ? 'weixin' : "alipay",
+			"pay_source": paymentMethod.value == "alipay" && proxy.$system == 'iOS' ? "h5" : "app",
+			source: "uni_alipay",
+		})
+
+
+
+		if (paymentRes.code == 0) {
+			let payData = {}
+			if (paymentMethod.value == "wxpay") {
+				payData = {
+					"appid": paymentRes.data.appId, // 应用ID
+					"noncestr": paymentRes.data.nonceStr, // 随机字符串
+					"package": "Sign=WXPay", // 固定值
+					"partnerid": paymentRes.data.partnerId, // 商户号
+					"prepayid": paymentRes.data.prepayId, // 预支付交易会话ID
+					"timestamp": Number(paymentRes.data.timeStamp), // 时间戳（秒！）
+					"sign": paymentRes.data.sign // 签名
+				}
+				uni.setStorageSync('orderId', paymentRes.data.orderId)
+				//安卓wx支付开始传递开始
+				if (proxy.$system != 'iOS') {
+					uni.sendNativeEvent('wx_pay_start_alipay', paymentRes.data.orderId, ret => {
+						console.log('宿主App回传的数据：' + ret);
+					});
+				}
+
+			} else {
+				payData = paymentRes.data.payParam
+				uni.setStorageSync('orderId', paymentRes.data.orderId)
+			}
+			// ios 支付由宿主处理 
+			if (proxy.$system == 'iOS') {
 				setTimeout(() => {
 					uni.hideLoading();
 				}, 30000);
-				paymentResult(paymentRes.data.orderId, paymentMethod.value)
-			},
-			fail: function (err) {
-				proxy.$apiUserEvent('all', {
-					type: "event",
-					key: "pay_fail",
-					value: "支付失败",
-					extra: {
-						from: data.currentUrl,
-						"订单号": paymentRes.data.orderId,
-						"订单金额": data.goods.price + '元',
-						"订单名称": data.goods.goods_name,
-						"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
-						"原因": JSON.stringify(err),
-					}
-				}, {
-					type: 'pay_fail',
-					data: {
-						from: data.currentUrl,
-						"订单号": paymentRes.data.orderId,
-						"订单金额": data.goods.price + '元',
-						"订单名称": data.goods.goods_name,
-						"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
-						"原因": JSON.stringify(err),
-					}
-				})
-				uni.hideLoading();
-				uni.showToast({
-					icon: 'none',
-					title: '支付失败'
-				})
-			}
-		});
-	} else {
-		uni.hideLoading();
-		uni.showToast({
-			icon: 'none',
-			title: '支付失败'
-		})
-	}
-	setTimeout(() => {
-		uni.hideLoading();
-	}, 10000);
-}
-
-
-// 支付状态轮询函数
-async function paymentResult(orderId, paytype) {
-	uni.hideLoading();
-	uni.showLoading({
-		title: '会员发放排队中，正在实时向服务器索要，请耐心等待。',
-		mask: true
-	});
-
-	let attempts = 0;
-	const maxAttempts = 10;
-	const pollInterval = 1000;
-
-	const poll = async () => {
-		try {
-			let orderInfo = await proxy.$requestPromise({
-				url: 'api/order',
-				method: "GET",
-				data: {
-					order_id: orderId
-				}
-			});
-
-			console.log("订单状态：", orderInfo);
-
-			if (orderInfo.code == 0 && orderInfo.data.status == 2) {
-				// 支付成功
-				uni.sendNativeEvent('pay_success', paymentMethod.value, ret => {
+				uni.sendNativeEvent('paymentResData', JSON.stringify(paymentRes.data), ret => {
 					console.log('宿主App回传的数据：' + ret);
 				});
+				return
+			}
+			uni.requestPayment({
+				provider: paymentMethod.value,
+				orderInfo: payData, //支付宝订单数据
+				success: function(resss) {
+					setTimeout(() => {
+						uni.hideLoading();
+					}, 30000);
+					paymentResult(paymentRes.data.orderId, paymentMethod.value)
+				},
+				fail: function(err) {
+					proxy.$apiUserEvent('all', {
+						type: "event",
+						key: "pay_fail",
+						value: "支付失败",
+						extra: {
+							from: data.currentUrl,
+							"订单号": paymentRes.data.orderId,
+							"订单金额": data.goods.price + '元',
+							"订单名称": data.goods.goods_name,
+							"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
+							"原因": JSON.stringify(err),
+						}
+					}, {
+						type: 'pay_fail',
+						data: {
+							from: data.currentUrl,
+							"订单号": paymentRes.data.orderId,
+							"订单金额": data.goods.price + '元',
+							"订单名称": data.goods.goods_name,
+							"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
+							"原因": JSON.stringify(err),
+						}
+					})
+					uni.hideLoading();
+					uni.showToast({
+						icon: 'none',
+						title: '支付失败'
+					})
+				}
+			});
+		} else {
+			uni.hideLoading();
+			uni.showToast({
+				icon: 'none',
+				title: '支付失败'
+			})
+		}
+		setTimeout(() => {
+			uni.hideLoading();
+		}, 10000);
+	}
 
-				proxy.$apiUserEvent('all', {
-					type: "event",
-					key: "pay_success",
-					value: "支付成功",
-					extra: {
-						from: data.currentUrl,
-						"订单号": orderId,
-						"订单金额": data.goods.price + '元',
-						"订单名称": data.goods.goods_name,
-						"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
-					}
-				}, {
-					type: 'pay_success',
+
+	// 支付状态轮询函数
+	async function paymentResult(orderId, paytype) {
+		uni.hideLoading();
+		uni.showLoading({
+			title: '会员发放排队中，正在实时向服务器索要，请耐心等待。',
+			mask: true
+		});
+
+		let attempts = 0;
+		const maxAttempts = 10;
+		const pollInterval = 1000;
+
+		const poll = async () => {
+			try {
+				let orderInfo = await proxy.$requestPromise({
+					url: 'api/order',
+					method: "GET",
 					data: {
-						from: data.currentUrl,
-						"订单号": orderId,
-						"订单金额": data.goods.price + '元',
-						"订单名称": data.goods.goods_name,
-						"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
+						order_id: orderId
 					}
 				});
 
-				// 修复：这里应该用赋值操作，原代码缺少等号
-				data.appUser.vip = 2;
+				console.log("订单状态：", orderInfo);
 
-				// 刷新用户数据
-				await proxy.$getUserInfo();
-				uni.hideLoading();
-				uni.showToast({
-					title: '支付成功',
-					icon: 'success',
-					duration: 2000
-				});
+				if (orderInfo.code == 0 && orderInfo.data.status == 2) {
+					// 支付成功
+					uni.sendNativeEvent('pay_success', paymentMethod.value, ret => {
+						console.log('宿主App回传的数据：' + ret);
+					});
 
-				setTimeout(() => {
-					uni.navigateBack();
-				}, 1000);
+					proxy.$apiUserEvent('all', {
+						type: "event",
+						key: "pay_success",
+						value: "支付成功",
+						extra: {
+							from: data.currentUrl,
+							"订单号": orderId,
+							"订单金额": data.goods.price + '元',
+							"订单名称": data.goods.goods_name,
+							"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
+						}
+					}, {
+						type: 'pay_success',
+						data: {
+							from: data.currentUrl,
+							"订单号": orderId,
+							"订单金额": data.goods.price + '元',
+							"订单名称": data.goods.goods_name,
+							"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
+						}
+					});
 
-				return; // 成功时停止轮询
+					// 修复：这里应该用赋值操作，原代码缺少等号
+					data.appUser.vip = 2;
+
+					// 刷新用户数据
+					await proxy.$getUserInfo();
+					uni.hideLoading();
+					uni.showToast({
+						title: '支付成功',
+						icon: 'success',
+						duration: 2000
+					});
+
+					setTimeout(() => {
+						uni.navigateBack();
+					}, 1000);
+
+					return; // 成功时停止轮询
+				}
+
+				// 检查是否达到最大尝试次数
+				if (attempts >= maxAttempts) {
+					uni.hideLoading();
+					uni.showToast({
+						title: '查询超时，请稍后查看',
+						icon: 'none',
+						duration: 3000
+					});
+					return;
+				}
+
+				// 继续轮询
+				attempts++;
+				setTimeout(poll, pollInterval);
+
+			} catch (error) {
+				console.error("轮询请求出错:", error);
+
+				// 错误时也检查尝试次数
+				if (attempts >= maxAttempts) {
+					uni.hideLoading();
+					uni.showToast({
+						title: '网络错误，请稍后查看订单状态',
+						icon: 'none',
+						duration: 3000
+					});
+					return;
+				}
+
+				attempts++;
+				setTimeout(poll, pollInterval);
 			}
+		};
 
-			// 检查是否达到最大尝试次数
-			if (attempts >= maxAttempts) {
-				uni.hideLoading();
-				uni.showToast({
-					title: '查询超时，请稍后查看',
-					icon: 'none',
-					duration: 3000
-				});
-				return;
+		// 开始轮询
+		poll();
+	}
+
+	// 随机抽取一个元素
+	function getRandomItem() {
+		const list = ['月度会员', '季度会员', '年度会员'];
+		const randomIndex = Math.floor(Math.random() * list.length);
+		return list[randomIndex];
+	}
+
+	/**
+	 * 随机生成时间提示语
+	 */
+	function generateNaturalTimeAgo() {
+		const weights = [{
+				range: [1, 30],
+				weight: 30,
+				unit: '分钟'
+			}, // 1-30分钟，权重30%
+			{
+				range: [31, 60],
+				weight: 15,
+				unit: '分钟'
+			}, // 31-60分钟，权重15%
+			{
+				range: [1, 3],
+				weight: 10,
+				unit: '小时'
+			}, // 1-3小时，权重10%
+			{
+				range: [4, 12],
+				weight: 10,
+				unit: '小时'
+			}, // 4-12小时，权重10%
+			{
+				range: [1, 2],
+				weight: 10,
+				unit: '天'
+			}, // 1-2天，权重10%
+			{
+				range: [3, 7],
+				weight: 10,
+				unit: '天'
+			}, // 3-7天，权重10%
+			{
+				range: [1, 4],
+				weight: 10,
+				unit: '周'
+			}, // 1-4周，权重10%
+			{
+				range: [1, 3],
+				weight: 3,
+				unit: '个月'
+			}, // 1-12个月，权重3%
+			{
+				range: [4, 12],
+				weight: 2,
+				unit: '个月'
+			} // 1-12个月，权重2%
+		];
+
+		// 计算总权重
+		const totalWeight = weights.reduce((sum, item) => sum + item.weight, 0);
+		let random = Math.random() * totalWeight;
+		let selected;
+
+		// 根据权重选择时间范围
+		for (const item of weights) {
+			random -= item.weight;
+			if (random <= 0) {
+				selected = item;
+				break;
 			}
+		}
 
-			// 继续轮询
-			attempts++;
-			setTimeout(poll, pollInterval);
+		// 在选中的范围内生成随机值
+		const [min, max] = selected.range;
+		const amount = Math.floor(Math.random() * (max - min + 1)) + min;
 
-		} catch (error) {
-			console.error("轮询请求出错:", error);
+		return `${amount}${selected.unit}前`;
+	}
+
+	/**
+	 * 随机生成电话号码
+	 */
+	function generateMaskedPhoneNumber() {
+		// 常见手机号段
+		const prefixes = [
+			'130', '131', '132', '133', '134', '135', '136', '137', '138', '139',
+			'145', '146', '147', '148', '149',
+			'150', '151', '152', '153', '155', '156', '157', '158', '159',
+			'165', '166', '167', '168',
+			'170', '171', '172', '173', '174', '175', '176', '177', '178',
+			'180', '181', '182', '183', '184', '185', '186', '187', '188', '189',
+			'191', '198', '199'
+		];
+
+		// 随机选择号段
+		const prefix = prefixes[Math.floor(Math.random() * prefixes.length)];
+
+		// 生成完整的11位号码
+		let fullNumber = prefix;
+		for (let i = 0; i < 11 - prefix.length; i++) {
+			fullNumber += Math.floor(Math.random() * 10);
+		}
+
+		// 对中间4位进行掩码处理：前3位 + **** + 后4位
+		return fullNumber.replace(/(\d{3})(\d{4})(\d{4})/, '$1****$3');
+	}
+
+
+	/**
+	 * 返回
+	 */
+	function back() {
+		proxy.$apiUserEvent('all', {
+			type: "click",
+			key: "recharge_dialog_cancel",
+			value: "去意已决",
+			extra: {
+				uni_version: proxy.$version
 
-			// 错误时也检查尝试次数
-			if (attempts >= maxAttempts) {
-				uni.hideLoading();
-				uni.showToast({
-					title: '网络错误，请稍后查看订单状态',
-					icon: 'none',
-					duration: 3000
-				});
-				return;
 			}
+		}, {
+			type: 'recharge_dialog_cancel',
+			data: {
+				uni_version: proxy.$version
+			}
+		})
+		uni.navigateBack();
+	}
 
-			attempts++;
-			setTimeout(poll, pollInterval);
+	function Complete() {
+		data.coupon = false
+		console.log("播放完成");
+	}
+
+	function shouldBeTrue(obj) {
+		// 情况1: 没有 features 字段 → 返回 true
+		if (!('features' in obj)) {
+			return false;
 		}
-	};
 
-	// 开始轮询
-	poll();
-}
-
-// 随机抽取一个元素
-function getRandomItem() {
-	const list = ['月度会员', '季度会员', '年度会员'];
-	const randomIndex = Math.floor(Math.random() * list.length);
-	return list[randomIndex];
-}
-
-/**
- * 随机生成时间提示语
- */
-function generateNaturalTimeAgo() {
-	const weights = [{
-		range: [1, 30],
-		weight: 30,
-		unit: '分钟'
-	}, // 1-30分钟，权重30%
-	{
-		range: [31, 60],
-		weight: 15,
-		unit: '分钟'
-	}, // 31-60分钟，权重15%
-	{
-		range: [1, 3],
-		weight: 10,
-		unit: '小时'
-	}, // 1-3小时，权重10%
-	{
-		range: [4, 12],
-		weight: 10,
-		unit: '小时'
-	}, // 4-12小时，权重10%
-	{
-		range: [1, 2],
-		weight: 10,
-		unit: '天'
-	}, // 1-2天，权重10%
-	{
-		range: [3, 7],
-		weight: 10,
-		unit: '天'
-	}, // 3-7天，权重10%
-	{
-		range: [1, 4],
-		weight: 10,
-		unit: '周'
-	}, // 1-4周，权重10%
-	{
-		range: [1, 3],
-		weight: 3,
-		unit: '个月'
-	}, // 1-12个月，权重3%
-	{
-		range: [4, 12],
-		weight: 2,
-		unit: '个月'
-	} // 1-12个月，权重2%
-	];
-
-	// 计算总权重
-	const totalWeight = weights.reduce((sum, item) => sum + item.weight, 0);
-	let random = Math.random() * totalWeight;
-	let selected;
-
-	// 根据权重选择时间范围
-	for (const item of weights) {
-		random -= item.weight;
-		if (random <= 0) {
-			selected = item;
-			break;
+		// 情况2: features 字段存在但为空或 undefined → 返回 true
+		if (!obj.features) {
+			return false;
 		}
-	}
-
-	// 在选中的范围内生成随机值
-	const [min, max] = selected.range;
-	const amount = Math.floor(Math.random() * (max - min + 1)) + min;
-
-	return `${amount}${selected.unit}前`;
-}
-
-/**
- * 随机生成电话号码
- */
-function generateMaskedPhoneNumber() {
-	// 常见手机号段
-	const prefixes = [
-		'130', '131', '132', '133', '134', '135', '136', '137', '138', '139',
-		'145', '146', '147', '148', '149',
-		'150', '151', '152', '153', '155', '156', '157', '158', '159',
-		'165', '166', '167', '168',
-		'170', '171', '172', '173', '174', '175', '176', '177', '178',
-		'180', '181', '182', '183', '184', '185', '186', '187', '188', '189',
-		'191', '198', '199'
-	];
-
-	// 随机选择号段
-	const prefix = prefixes[Math.floor(Math.random() * prefixes.length)];
-
-	// 生成完整的11位号码
-	let fullNumber = prefix;
-	for (let i = 0; i < 11 - prefix.length; i++) {
-		fullNumber += Math.floor(Math.random() * 10);
-	}
-
-	// 对中间4位进行掩码处理：前3位 + **** + 后4位
-	return fullNumber.replace(/(\d{3})(\d{4})(\d{4})/, '$1****$3');
-}
-
-
-/**
- * 返回
- */
-function back() {
-	proxy.$apiUserEvent('all', {
-		type: "click",
-		key: "recharge_dialog_cancel",
-		value: "去意已决",
-		extra: {
-			uni_version: proxy.$version
 
+		// 情况3: features 字段包含 alipay → 返回 true
+		if (obj.features.includes('alipay')) {
+			return false;
 		}
-	}, {
-		type: 'recharge_dialog_cancel',
-		data: {
-			uni_version: proxy.$version
-		}
-	})
-	uni.navigateBack();
-}
 
-function Complete() {
-	data.coupon = false
-	console.log("播放完成");
-}
-function shouldBeTrue(obj) {
-	// 情况1: 没有 features 字段 → 返回 true
-	if (!('features' in obj)) {
-		return false;
+		// 情况4: 有 features 字段且不包含 alipay → 返回 false
+		return true;
 	}
-
-	// 情况2: features 字段存在但为空或 undefined → 返回 true
-	if (!obj.features) {
-		return false;
-	}
-
-	// 情况3: features 字段包含 alipay → 返回 true
-	if (obj.features.includes('alipay')) {
-		return false;
-	}
-
-	// 情况4: 有 features 字段且不包含 alipay → 返回 false
-	return true;
-}
 </script>
 
 <style lang="scss" scoped>
-* {
-	box-sizing: content-box;
-}
-
-.couponBox {
-	width: 375px;
-	height: 450px;
-	position: relative;
-	z-index: 1;
-
-	.shadowBg {
-		position: absolute;
-		width: 750px;
-		height: 750px;
-		left: -187.5px;
-		top: -240px;
-		z-index: -1;
+	* {
+		box-sizing: content-box;
 	}
 
-	.listCoupon {
-		position: absolute;
-		width: 244px;
-		height: 276px;
-		left: 65.5px;
-		top: 157px;
-		overflow: hidden;
-		overflow-y: scroll;
-
-		.item {
-			position: relative;
-			width: 244px;
-			height: 74px;
-			background-image: url('/static/image/recharge/couponItemBg.png');
-			box-shadow: 0px 0px 14px 0px rgba(255, 255, 255, 0.5);
-			background-repeat: no-repeat;
-			background-size: 244px 74px;
-			margin-top: 18px;
-			display: flex;
-			align-items: center;
-			color: #fff;
-
-			.left {
-				width: 100px;
-				display: flex;
-				align-items: flex-end;
-				justify-content: center;
-				font-size: 22px;
-
-				.AlibabaPuHuiTiBold {
-					font-size: 32px;
-				}
-
-				.danwei {
-					margin-left: 11px;
-				}
-			}
-
-			.right {
-				text-align: center;
-				width: 144px;
-				font-size: 24px;
-				font-weight: bold;
-			}
-
-			.tips {
-				text-align: center;
-				line-height: 30px;
-				position: absolute;
-				width: 70px;
-				height: 30px;
-				background-image: url('/static/image/recharge/couponItemTips.png');
-				background-repeat: no-repeat;
-				background-size: 70px 30px;
-				right: 7px;
-				top: -14px;
-				color: #F97902;
-				font-size: 11px;
-			}
-		}
-	}
-
-	.header {
-		height: 198px;
-		background-image: url('/static/image/recharge/couponHeaderBg.png');
-		background-repeat: no-repeat;
-		background-size: 375px 198px;
-		z-index: 2;
-	}
-
-	.couponConten {
-		width: 300px;
-		height: 252px;
-		background-color: #FEF5D8;
-		border-radius: 0 0 42px 42px;
-		margin-left: calc(74px / 2);
-		z-index: 2;
-	}
-
-	.colse {
-		position: absolute;
-		right: 36px;
-		top: 36px;
-		width: 18px;
-		height: 20px;
-		z-index: 4;
-	}
-
-	.couponTop {
-		position: absolute;
+	.couponBox {
 		width: 375px;
-		height: 390px;
-		left: 0;
-		top: -145px;
-		z-index: 3;
-	}
-}
+		height: 450px;
+		position: relative;
+		z-index: 1;
 
-.couponButton {
-	position: relative;
-	margin-top: 37px;
-	width: 305px;
-	height: 86px;
-	margin-left: calc(50% - 152.5px);
-	z-index: 4 !important;
-}
-
-.page-container {
-	background-color: #F7F7F7;
-	padding-bottom: 240rpx;
-	padding-bottom: calc(240rpx + constant(safe-area-inset-bottom)) !important;
-	padding-bottom: calc(240rpx + env(safe-area-inset-bottom)) !important;
-
-	.package-items-box {
-		width: 100vw;
-		// background: linear-gradient(to bottom, #FFFFFF, #F7F7F7);
-	}
-
-	.package-items-container {
-		display: flex;
-		padding: 20rpx 32rpx;
-
-		.active-package-item-tips {
+		.shadowBg {
 			position: absolute;
-			content: '限时优惠';
-			top: -8px;
-			left: 14px;
-			font-size: 20rpx;
-			color: #FFFFFF;
-			height: 44rpx;
-			width: 112rpx;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			border-radius: 12px 12px 12px 0;
-			background: linear-gradient(200deg, #FFCCA8 0%, #ff0000 100%);
-
+			width: 750px;
+			height: 750px;
+			left: -187.5px;
+			top: -240px;
+			z-index: -1;
 		}
 
-		.active-package-item::after {
-			content: "";
+		.listCoupon {
 			position: absolute;
+			width: 244px;
+			height: 276px;
+			left: 65.5px;
+			top: 157px;
+			overflow: hidden;
+			overflow-y: scroll;
+
+			.item {
+				position: relative;
+				width: 244px;
+				height: 74px;
+				background-image: url('/static/image/recharge/couponItemBg.png');
+				box-shadow: 0px 0px 14px 0px rgba(255, 255, 255, 0.5);
+				background-repeat: no-repeat;
+				background-size: 244px 74px;
+				margin-top: 18px;
+				display: flex;
+				align-items: center;
+				color: #fff;
+
+				.left {
+					width: 100px;
+					display: flex;
+					align-items: flex-end;
+					justify-content: center;
+					font-size: 22px;
+
+					.AlibabaPuHuiTiBold {
+						font-size: 32px;
+					}
+
+					.danwei {
+						margin-left: 11px;
+					}
+				}
+
+				.right {
+					text-align: center;
+					width: 144px;
+					font-size: 24px;
+					font-weight: bold;
+				}
+
+				.tips {
+					text-align: center;
+					line-height: 30px;
+					position: absolute;
+					width: 70px;
+					height: 30px;
+					background-image: url('/static/image/recharge/couponItemTips.png');
+					background-repeat: no-repeat;
+					background-size: 70px 30px;
+					right: 7px;
+					top: -14px;
+					color: #F97902;
+					font-size: 11px;
+				}
+			}
+		}
+
+		.header {
+			height: 198px;
+			background-image: url('/static/image/recharge/couponHeaderBg.png');
+			background-repeat: no-repeat;
+			background-size: 375px 198px;
+			z-index: 2;
+		}
+
+		.couponConten {
+			width: 300px;
+			height: 252px;
+			background-color: #FEF5D8;
+			border-radius: 0 0 42px 42px;
+			margin-left: calc(74px / 2);
+			z-index: 2;
+		}
+
+		.colse {
+			position: absolute;
+			right: 36px;
+			top: 36px;
+			width: 18px;
+			height: 20px;
+			z-index: 4;
+		}
+
+		.couponTop {
+			position: absolute;
+			width: 375px;
+			height: 390px;
 			left: 0;
-			right: 0;
-			bottom: 0;
-			width: 88%;
-			background-color: initial;
-			border-radius: 25%;
-			z-index: 0;
-			height: 1px;
-			margin: auto;
-			border-radius: 10%;
-			// box-shadow: 0px 2px 10px 1px #b1b1b1;
+			top: -145px;
+			z-index: 3;
+		}
+	}
+
+	.couponButton {
+		position: relative;
+		margin-top: 37px;
+		width: 305px;
+		height: 86px;
+		margin-left: calc(50% - 152.5px);
+		z-index: 4 !important;
+	}
+
+	.page-container {
+		background-color: #F7F7F7;
+		padding-bottom: 240rpx;
+		padding-bottom: calc(240rpx + constant(safe-area-inset-bottom)) !important;
+		padding-bottom: calc(240rpx + env(safe-area-inset-bottom)) !important;
+
+		.package-items-box {
+			width: 100vw;
+			// background: linear-gradient(to bottom, #FFFFFF, #F7F7F7);
 		}
 
-		.package-item {
-			flex-shrink: 0;
-			box-sizing: border-box;
+		.package-items-container {
 			display: flex;
-			flex-direction: column;
-			justify-content: space-between;
-			width: 184rpx;
-			height: 280rpx;
-			background-image: url("/static/image/recharge/packagItemBg.png");
-			background-size: cover;
-			margin-right: 40rpx;
-			padding: 54rpx 0 0 0;
-			transition: width 0.2s, background-image 0.2s;
+			padding: 20rpx 32rpx;
 
-			// overflow: hidden;
-			.top {
+			.active-package-item-tips {
+				position: absolute;
+				content: '限时优惠';
+				top: -8px;
+				left: 14px;
+				font-size: 20rpx;
+				color: #FFFFFF;
+				height: 44rpx;
+				width: 112rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				border-radius: 12px 12px 12px 0;
+				background: linear-gradient(200deg, #FFCCA8 0%, #ff0000 100%);
 
-				padding-left: 26rpx;
-				font-size: 24rpx;
-
-				.title {
-					font-size: 24rpx;
-					font-weight: 500;
-					color: #1A1A1A;
-				}
-
-				.del-text {
-					color: #767676;
-					text-decoration: line-through;
-				}
 			}
 
-			.price-box {
-				padding-left: 26rpx;
-				font-family: 'WeChatSansStd';
-				font-size: 30rpx;
-
-				.price {
-					font-size: 64rpx;
-				}
+			.active-package-item::after {
+				content: "";
+				position: absolute;
+				left: 0;
+				right: 0;
+				bottom: 0;
+				width: 88%;
+				background-color: initial;
+				border-radius: 25%;
+				z-index: 0;
+				height: 1px;
+				margin: auto;
+				border-radius: 10%;
+				// box-shadow: 0px 2px 10px 1px #b1b1b1;
 			}
 
-			.shen {
-				text-align: center;
+			.package-item {
+				flex-shrink: 0;
+				box-sizing: border-box;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
 				width: 184rpx;
-				height: 24px;
-				color: #AAAAAA;
-				font-size: 12px;
-				line-height: 24px;
-				font-weight: bold;
-				white-space: nowrap;
+				height: 280rpx;
+				background-image: url("/static/image/recharge/packagItemBg.png");
+				background-size: cover;
+				margin-right: 40rpx;
+				padding: 54rpx 0 0 0;
+				transition: width 0.2s, background-image 0.2s;
+
+				// overflow: hidden;
+				.top {
+
+					padding-left: 26rpx;
+					font-size: 24rpx;
+
+					.title {
+						font-size: 24rpx;
+						font-weight: 500;
+						color: #1A1A1A;
+					}
+
+					.del-text {
+						color: #767676;
+						text-decoration: line-through;
+					}
+				}
+
+				.price-box {
+					padding-left: 26rpx;
+					font-family: 'WeChatSansStd';
+					font-size: 30rpx;
+
+					.price {
+						font-size: 64rpx;
+					}
+				}
+
+				.shen {
+					text-align: center;
+					width: 184rpx;
+					height: 24px;
+					color: #AAAAAA;
+					font-size: 12px;
+					line-height: 24px;
+					font-weight: bold;
+					white-space: nowrap;
+				}
+			}
+
+			.active-package-item {
+				position: relative;
+				width: 240rpx !important;
+				height: 280rpx !important;
+				background-image: url("/static/image/recharge/activePackagItemBg.png") !important;
+				background-position: center;
+				/* 居中显示图片 */
+				background-repeat: no-repeat;
+
+				/* 防止图片重复 */
+				.shen {
+					width: 240rpx !important;
+					color: #D86C24;
+				}
+
 			}
 		}
 
-		.active-package-item {
+		.vip-benefits-container {
 			position: relative;
-			width: 240rpx !important;
-			height: 280rpx !important;
-			background-image: url("/static/image/recharge/activePackagItemBg.png") !important;
+			background-color: #FFFFFF;
+			border-radius: 12px 12px 12px 12px;
+			overflow: hidden;
+			margin: -73px 32rpx 24rpx 32rpx;
+			background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #fff);
+
+			.content {
+				margin-top: -4px;
+				padding: 16px 0px 0 0;
+				display: flex;
+				justify-content: space-between;
+				flex-wrap: wrap;
+				align-items: center;
+				background-color: #FFFFFF;
+
+				.benefit-item {
+					width: 25%;
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-items: center;
+					margin-bottom: 16px;
+
+					.img {
+						width: 76rpx;
+						height: 76rpx;
+					}
+
+					.name {
+						font-size: 10px;
+						margin-top: 16rpx;
+					}
+				}
+
+			}
+		}
+
+
+
+
+
+	}
+
+	@keyframes vertical-scroll {
+		from {
+			transform: translateY(100%);
+		}
+
+		to {
+			transform: translateY(-100%);
+		}
+	}
+
+	.footer-container {
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: #FFFFFF;
+		box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
+		padding: 16rpx 32rpx;
+		padding-top: 40rpx;
+		padding-bottom: constant(safe-area-inset-bottom); // 兼容 IOS<11.2 
+		padding-bottom: env(safe-area-inset-bottom); // 兼容 IOS>11.2
+
+		.payment-method-box {
+			display: flex;
+			justify-content: space-around;
+			align-items: center;
+			padding-bottom: 32rpx;
+
+			.payment-method {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+
+				.img-select {
+					flex-shrink: 0 !important;
+					height: 16px;
+					width: 16px;
+					border-radius: 50%;
+				}
+
+				.logo {
+					width: 36rpx;
+					height: 36rpx;
+					margin-right: 10rpx;
+					margin-left: 18rpx;
+				}
+
+				.name {
+					color: #767676;
+					font-size: 24rpx;
+				}
+			}
+		}
+
+		.footerBottom {
+			width: 100%;
+			height: 20px;
+		}
+
+		.buttonBoxs {
+			width: 100%;
+			height: 104rpx;
+			background-image: url('/static/image/recharge/bottom-button.png');
 			background-position: center;
 			/* 居中显示图片 */
 			background-repeat: no-repeat;
-
 			/* 防止图片重复 */
-			.shen {
-				width: 240rpx !important;
-				color: #D86C24;
-			}
+			background-size: cover;
+			position: relative;
 
-		}
-	}
-
-	.vip-benefits-container {
-		position: relative;
-		background-color: #FFFFFF;
-		border-radius: 12px 12px 12px 12px;
-		overflow: hidden;
-		margin: -73px 32rpx 24rpx 32rpx;
-		background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #fff);
-
-		.content {
-			margin-top: -4px;
-			padding: 16px 0px 0 0;
-			display: flex;
-			justify-content: space-between;
-			flex-wrap: wrap;
-			align-items: center;
-			background-color: #FFFFFF;
-
-			.benefit-item {
-				width: 25%;
-				display: flex;
-				flex-direction: column;
-				justify-content: center;
-				align-items: center;
-				margin-bottom: 16px;
-
-				.img {
-					width: 76rpx;
-					height: 76rpx;
-				}
-
-				.name {
-					font-size: 10px;
-					margin-top: 16rpx;
-				}
-			}
-
-		}
-	}
-
-
-
-
-
-}
-
-@keyframes vertical-scroll {
-	from {
-		transform: translateY(100%);
-	}
-
-	to {
-		transform: translateY(-100%);
-	}
-}
-
-.footer-container {
-	position: fixed;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	background-color: #FFFFFF;
-	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
-	padding: 16rpx 32rpx;
-	padding-top: 40rpx;
-	padding-bottom: constant(safe-area-inset-bottom); // 兼容 IOS<11.2 
-	padding-bottom: env(safe-area-inset-bottom); // 兼容 IOS>11.2
-
-	.payment-method-box {
-		display: flex;
-		justify-content: space-around;
-		align-items: center;
-		padding-bottom: 32rpx;
-
-		.payment-method {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-
-			.img-select {
-				flex-shrink: 0 !important;
-				height: 16px;
-				width: 16px;
-				border-radius: 50%;
-			}
-
-			.logo {
-				width: 36rpx;
-				height: 36rpx;
-				margin-right: 10rpx;
-				margin-left: 18rpx;
-			}
-
-			.name {
-				color: #767676;
-				font-size: 24rpx;
-			}
-		}
-	}
-
-	.footerBottom {
-		width: 100%;
-		height: 20px;
-	}
-
-	.buttonBoxs {
-		width: 100%;
-		height: 104rpx;
-		background-image: url('/static/image/recharge/bottom-button.png');
-		background-position: center;
-		/* 居中显示图片 */
-		background-repeat: no-repeat;
-		/* 防止图片重复 */
-		background-size: cover;
-		position: relative;
-
-		.hongbao {
-			position: absolute;
-			left: 0;
-			bottom: -52rpx;
-		}
-	}
-
-	.christmas {
-		// background-image: url('/static/image/recharge/christmas/bottom-button.png');
-	}
-
-	.button-box {
-		display: flex;
-
-		.text {
-			flex: 1;
-			// color: text;
-			// text-align: center;
-			color: #ffffff;
-			// line-height: 104rpx;
-			font-size: 12px;
-			height: 104rpx;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-
-			text {
-				color: red;
-			}
-
-			.price {
-				font-size: 24px;
-				color: red;
+			.hongbao {
+				position: absolute;
+				left: 0;
+				bottom: -52rpx;
 			}
 		}
 
-		.button {
-			flex-shrink: 0;
-			opacity: 0;
-			text-align: center;
-			height: 100%;
-			width: 32%;
-		}
-	}
-}
-
-.dialog-container {
-	display: flex;
-	flex-direction: column;
-	width: 80vw;
-
-	.top {
-		flex-shrink: 0;
-		position: relative;
-		top: 1px;
-		box-sizing: border-box;
-		background-image: url('/static/image/recharge/dialogImg.png');
-		background-size: cover;
-		width: 80vw;
-		height: 260rpx;
-		color: #FFFFFF;
-		font-size: 32rpx;
-		line-height: 60rpx;
-		padding-left: 80rpx;
-		padding-top: 96rpx;
-	}
-
-	.content {
-		flex: 1;
-		flex-shrink: 0;
-		padding-bottom: 24rpx;
-		border-radius: 0 0 25px 25px;
-		background: linear-gradient(150deg, #fef9f0 0%, #FEF3E1 21%, #FFDDAF 100%);
-		// box-shadow: 10px 10px 15px #ffffff78;
-		box-shadow: 2px 5px 30px 5px #9f9f9f9e;
-
-		.title-box {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			margin-top: 2px;
-
-			.title {
-				margin: 0 32rpx;
-			}
-
-			.decorative-line {
-				width: 68rpx;
-				height: 6rpx;
-			}
-		}
-
-		.timeDJS {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			margin-bottom: 15px;
-
-			.titles {
-				color: #FC3939;
-				font-size: 14px;
-				margin-right: 11px;
-			}
-		}
-
-		.vip-benefits {
-			display: flex;
-			justify-content: space-between;
-			margin: 24px 0;
-			padding: 0 32rpx;
-
-			.benefit-item {
-				display: flex;
-				flex-direction: column;
-				justify-content: center;
-				align-items: center;
-
-				.img {
-					width: 90rpx;
-					height: 90rpx;
-				}
-
-				.name {
-					font-size: 26rpx;
-					margin-top: 18rpx;
-				}
-			}
+		.christmas {
+			// background-image: url('/static/image/recharge/christmas/bottom-button.png');
 		}
 
 		.button-box {
-			margin: 0 44rpx;
 			display: flex;
-			flex-direction: column;
-			align-items: center;
 
-			.button {
-				position: relative;
-				box-sizing: border-box;
-				text-align: center;
-				font-size: 20px;
-				border-radius: 50px;
-				height: 52px;
-				line-height: 52px;
-				color: #FFFFFF;
-				width: 100%;
-				background: linear-gradient(360deg, #4B3F30 0%, #181713 56%, #504834 100%);
+			.text {
+				flex: 1;
+				// color: text;
+				// text-align: center;
+				color: #ffffff;
+				// line-height: 104rpx;
+				font-size: 12px;
+				height: 104rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+
+				text {
+					color: red;
+				}
+
+				.price {
+					font-size: 24px;
+					color: red;
+				}
 			}
 
-			/* .button::before {
+			.button {
+				flex-shrink: 0;
+				opacity: 0;
+				text-align: center;
+				height: 100%;
+				width: 32%;
+			}
+		}
+	}
+
+	.dialog-container {
+		display: flex;
+		flex-direction: column;
+		width: 80vw;
+
+		.top {
+			flex-shrink: 0;
+			position: relative;
+			top: 1px;
+			box-sizing: border-box;
+			background-image: url('/static/image/recharge/dialogImg.png');
+			background-size: cover;
+			width: 80vw;
+			height: 260rpx;
+			color: #FFFFFF;
+			font-size: 32rpx;
+			line-height: 60rpx;
+			padding-left: 80rpx;
+			padding-top: 96rpx;
+		}
+
+		.content {
+			flex: 1;
+			flex-shrink: 0;
+			padding-bottom: 24rpx;
+			border-radius: 0 0 25px 25px;
+			background: linear-gradient(150deg, #fef9f0 0%, #FEF3E1 21%, #FFDDAF 100%);
+			// box-shadow: 10px 10px 15px #ffffff78;
+			box-shadow: 2px 5px 30px 5px #9f9f9f9e;
+
+			.title-box {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				margin-top: 2px;
+
+				.title {
+					margin: 0 32rpx;
+				}
+
+				.decorative-line {
+					width: 68rpx;
+					height: 6rpx;
+				}
+			}
+
+			.timeDJS {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				margin-bottom: 15px;
+
+				.titles {
+					color: #FC3939;
+					font-size: 14px;
+					margin-right: 11px;
+				}
+			}
+
+			.vip-benefits {
+				display: flex;
+				justify-content: space-between;
+				margin: 24px 0;
+				padding: 0 32rpx;
+
+				.benefit-item {
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-items: center;
+
+					.img {
+						width: 90rpx;
+						height: 90rpx;
+					}
+
+					.name {
+						font-size: 26rpx;
+						margin-top: 18rpx;
+					}
+				}
+			}
+
+			.button-box {
+				margin: 0 44rpx;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+
+				.button {
+					position: relative;
+					box-sizing: border-box;
+					text-align: center;
+					font-size: 20px;
+					border-radius: 50px;
+					height: 52px;
+					line-height: 52px;
+					color: #FFFFFF;
+					width: 100%;
+					background: linear-gradient(360deg, #4B3F30 0%, #181713 56%, #504834 100%);
+				}
+
+				/* .button::before {
 					position: absolute;
 					content: "限时优惠";
 					top: -10px;
@@ -1950,419 +1994,419 @@ function shouldBeTrue(obj) {
 					background: linear-gradient(200deg, #FFCCA8 0%, #ff0000 100%);
 				}
  */
-			.leave {
-				color: #767676;
-				margin-top: 8px;
+				.leave {
+					color: #767676;
+					margin-top: 8px;
+				}
 			}
 		}
+
 	}
 
-}
-
-.back {
-	position: fixed;
-	top: 100rpx;
-	left: 36rpx;
-	z-index: 1;
-}
-
-.uni-margin-wrap::after {
-	// position: absolute;
-	// content: '';
-	// left: 0;
-	// bottom: -1px;
-	// width: 100%;
-	// height: 18px;
-	// background-color: #f7f7f7;
-	// border-radius: 16px 16px 0px 0px;
-}
-
-.uni-margin-wrap {
-	// position: relative;
-	height: auto;
-	width: 100%;
-	z-index: 0;
-
-	::v-deep .uni-swiper-dots-horizontal {
-		bottom: 60rpx;
-
-		.uni-swiper-dot {
-			width: 8rpx;
-			height: 8rpx;
-			background-color: #FFFFFF;
-			opacity: 0.5;
-			border-radius: 8rpx;
-		}
-
-		.uni-swiper-dot-active {
-			opacity: 1;
-			width: 24rpx;
-		}
+	.back {
+		position: fixed;
+		top: 100rpx;
+		left: 36rpx;
+		z-index: 1;
 	}
 
-	.swiper {
-		height: 244px;
+	.uni-margin-wrap::after {
+		// position: absolute;
+		// content: '';
+		// left: 0;
+		// bottom: -1px;
+		// width: 100%;
+		// height: 18px;
+		// background-color: #f7f7f7;
+		// border-radius: 16px 16px 0px 0px;
 	}
 
-	.swiper-item {
-		display: block;
-		height: 244px;
+	.uni-margin-wrap {
+		// position: relative;
+		height: auto;
 		width: 100%;
-		text-align: center;
-	}
+		z-index: 0;
 
-	.swiper-list {
-		margin-top: 40rpx;
-		margin-bottom: 0;
-	}
+		::v-deep .uni-swiper-dots-horizontal {
+			bottom: 60rpx;
 
-	.uni-common-mt {
-		margin-top: 60rpx;
-		position: relative;
-	}
+			.uni-swiper-dot {
+				width: 8rpx;
+				height: 8rpx;
+				background-color: #FFFFFF;
+				opacity: 0.5;
+				border-radius: 8rpx;
+			}
 
-	.info {
-		position: absolute;
-		right: 20rpx;
-	}
-
-	.uni-padding-wrap {
-		width: 550rpx;
-		padding: 0 100rpx;
-	}
-
-}
-
-
-
-.placeholder {
-	// display: none;
-	// position: relative;
-	// background-color: #f7f7f7;
-	// width: 100%;
-	// border-radius: 1rem 1rem 0 0;
-	// left: 0;
-	// bottom: 30rpx;
-}
-
-/* 由小到大缩放动画 */
-.animated-box {
-	animation: scaleIn 1s ease-out forwards;
-}
-
-/* 延迟动画 */
-.scale-in-delay {
-	animation: scaleIn 0.5s ease-out 0.2s forwards;
-}
-
-/* 动画关键帧定义 */
-@keyframes scaleIn {
-	0% {
-		transform: scale(0);
-		opacity: 0;
-	}
-
-	50% {
-		transform: scale(1.05);
-	}
-
-	100% {
-		transform: scale(1);
-		opacity: 1;
-	}
-}
-
-.iosQuestion {
-	.titleBox {
-		.image {
-			margin-top: 3px !important;
-		}
-	}
-}
-
-.question {
-	margin: 24rpx 32rpx;
-	padding: 17px 13px;
-	background-color: #FFFFFF;
-	border-radius: 10px 10px 10px 10px;
-
-	.titles {
-		text-align: center;
-		font-family: PingFang SC, PingFang SC;
-		font-weight: bold;
-		font-size: 12px;
-		background-image: -webkit-linear-gradient(bottom, #6E430F, #1A1A1A);
-		-webkit-background-clip: text;
-		-webkit-text-fill-color: transparent;
-	}
-
-	.titleBox {
-		display: flex;
-		margin-top: 10px;
-
-		image {
-			width: 10px;
-			height: 10px;
-			margin-top: 1px;
+			.uni-swiper-dot-active {
+				opacity: 1;
+				width: 24rpx;
+			}
 		}
 
-		.text {
-			margin-left: 5px;
-			width: calc(100% - 15px);
-			font-size: 11px;
-			color: #767676;
+		.swiper {
+			height: 244px;
 		}
 
-		.text1 {
-			color: #AAAAAA;
+		.swiper-item {
+			display: block;
+			height: 244px;
+			width: 100%;
+			text-align: center;
 		}
+
+		.swiper-list {
+			margin-top: 40rpx;
+			margin-bottom: 0;
+		}
+
+		.uni-common-mt {
+			margin-top: 60rpx;
+			position: relative;
+		}
+
+		.info {
+			position: absolute;
+			right: 20rpx;
+		}
+
+		.uni-padding-wrap {
+			width: 550rpx;
+			padding: 0 100rpx;
+		}
+
 	}
-}
 
-.myCouponList {
 
-	margin: 24rpx 32rpx;
-	padding: 17px 13px;
-	height: 18px;
-	background-color: #FFFFFF;
-	border-radius: 10px 10px 10px 10px;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	overflow: hidden;
 
-	.left {
-		display: flex;
-		align-items: center;
-		font-weight: bold;
+	.placeholder {
+		// display: none;
+		// position: relative;
+		// background-color: #f7f7f7;
+		// width: 100%;
+		// border-radius: 1rem 1rem 0 0;
+		// left: 0;
+		// bottom: 30rpx;
+	}
 
-		image {
-			width: 23px;
-			height: 17px;
-			margin-right: 8px;
+	/* 由小到大缩放动画 */
+	.animated-box {
+		animation: scaleIn 1s ease-out forwards;
+	}
+
+	/* 延迟动画 */
+	.scale-in-delay {
+		animation: scaleIn 0.5s ease-out 0.2s forwards;
+	}
+
+	/* 动画关键帧定义 */
+	@keyframes scaleIn {
+		0% {
+			transform: scale(0);
+			opacity: 0;
 		}
 
-		.title {
-			margin-top: 3px;
-			display: inline-block;
-			/* 确保文字可以应用背景 */
-			background: linear-gradient(to right, #6E430F, #1A1A1A);
-			/* 从左到右的渐变 */
-			-webkit-background-clip: text;
-			/* 仅裁剪文本部分 */
-			color: transparent;
-			/* 文本颜色设置为透明，以显示背景渐变 */
-			font-size: 14px;
-			/* 根据需要调整字体大小 */
+		50% {
+			transform: scale(1.05);
 		}
 
-		.money {
-			margin-top: 1px;
-			font-family: 'PingFangSC-Semibold';
-			font-weight: bold;
-			color: #FC3939;
-			font-size: 16px;
+		100% {
+			transform: scale(1);
+			opacity: 1;
 		}
 	}
 
-	.right {
-		color: #767676;
-		font-size: 12px;
-		display: flex;
-		align-items: center;
-
-		.forward {
-			margin-left: 8px;
-		}
-
-		.forward2 {
-			margin: 0;
-		}
-
-		.timeBox {
-			.titles {
-				text-align: right;
-				color: #FC3939;
-				font-size: 10px;
+	.iosQuestion {
+		.titleBox {
+			.image {
+				margin-top: 3px !important;
 			}
 		}
 	}
-}
 
-.myCouponContainer {
-	width: calc(100% - 52px);
-	height: 400px;
-	background-image: url('/static/image/recharge/myCouponContainerBg.png');
-	background-size: 100% 100%;
-	background-repeat: no-repeat;
-	padding: 0 26px;
-	padding-top: 150px;
-	position: relative;
+	.question {
+		margin: 24rpx 32rpx;
+		padding: 17px 13px;
+		background-color: #FFFFFF;
+		border-radius: 10px 10px 10px 10px;
 
-	.myCouponContainerClose {
-		position: absolute;
-		width: 34px;
-		height: 34px;
-		top: -27px;
-		right: 16px;
+		.titles {
+			text-align: center;
+			font-family: PingFang SC, PingFang SC;
+			font-weight: bold;
+			font-size: 12px;
+			background-image: -webkit-linear-gradient(bottom, #6E430F, #1A1A1A);
+			-webkit-background-clip: text;
+			-webkit-text-fill-color: transparent;
+		}
+
+		.titleBox {
+			display: flex;
+			margin-top: 10px;
+
+			image {
+				width: 10px;
+				height: 10px;
+				margin-top: 1px;
+			}
+
+			.text {
+				margin-left: 5px;
+				width: calc(100% - 15px);
+				font-size: 11px;
+				color: #767676;
+			}
+
+			.text1 {
+				color: #AAAAAA;
+			}
+		}
 	}
 
-	.myCouponBox {
-		height: 282px;
-		overflow-y: scroll;
+	.myCouponList {
 
-		.item {
-			width: calc(100% - 12px);
-			height: 62px;
-			background-color: #fff;
-			border-radius: 8px 8px 8px 8px;
-			padding: 6px;
+		margin: 24rpx 32rpx;
+		padding: 17px 13px;
+		height: 18px;
+		background-color: #FFFFFF;
+		border-radius: 10px 10px 10px 10px;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		overflow: hidden;
+
+		.left {
 			display: flex;
 			align-items: center;
-			justify-content: space-between;
-			margin-bottom: 12px;
-			position: relative;
+			font-weight: bold;
 
-			.jjdq {
-				width: 52px;
-				height: 18px;
-				background: linear-gradient(194deg, #FFCCA8 0%, #FE3D32 100%);
-				position: absolute;
-				right: 0;
-				top: 0;
-				border-radius: 0 8px 0 8px;
-				color: #fff;
-				font-size: 10px;
-				text-align: center;
-				line-height: 18px;
+			image {
+				width: 23px;
+				height: 17px;
+				margin-right: 8px;
 			}
 
-			.ygq {
-				width: 52px;
-				height: 18px;
-				background: #AAAAAA;
-				position: absolute;
-				right: 0;
-				top: 0;
-				border-radius: 0 8px 0 8px;
-				color: #fff;
-				font-size: 10px;
-				text-align: center;
-				line-height: 18px;
+			.title {
+				margin-top: 3px;
+				display: inline-block;
+				/* 确保文字可以应用背景 */
+				background: linear-gradient(to right, #6E430F, #1A1A1A);
+				/* 从左到右的渐变 */
+				-webkit-background-clip: text;
+				/* 仅裁剪文本部分 */
+				color: transparent;
+				/* 文本颜色设置为透明，以显示背景渐变 */
+				font-size: 14px;
+				/* 根据需要调整字体大小 */
 			}
 
-			.left {
-				width: 110px;
+			.money {
+				margin-top: 1px;
+				font-family: 'PingFangSC-Semibold';
+				font-weight: bold;
+				color: #FC3939;
+				font-size: 16px;
+			}
+		}
+
+		.right {
+			color: #767676;
+			font-size: 12px;
+			display: flex;
+			align-items: center;
+
+			.forward {
+				margin-left: 8px;
+			}
+
+			.forward2 {
+				margin: 0;
+			}
+
+			.timeBox {
+				.titles {
+					text-align: right;
+					color: #FC3939;
+					font-size: 10px;
+				}
+			}
+		}
+	}
+
+	.myCouponContainer {
+		width: calc(100% - 52px);
+		height: 400px;
+		background-image: url('/static/image/recharge/myCouponContainerBg.png');
+		background-size: 100% 100%;
+		background-repeat: no-repeat;
+		padding: 0 26px;
+		padding-top: 150px;
+		position: relative;
+
+		.myCouponContainerClose {
+			position: absolute;
+			width: 34px;
+			height: 34px;
+			top: -27px;
+			right: 16px;
+		}
+
+		.myCouponBox {
+			height: 282px;
+			overflow-y: scroll;
+
+			.item {
+				width: calc(100% - 12px);
 				height: 62px;
-				background: #FFEDED;
-				border-radius: 6px 6px 6px 6px;
-				text-align: center;
-
-				.money {
-					margin-top: 4px;
-					color: #FF3838;
-					font-size: 16px;
-
-					.moneys {
-						font-size: 28px;
-						font-weight: bold;
-					}
-				}
-
-				.dec {
-					margin-top: 1px;
-					color: #FF3838;
-					font-size: 11px;
-				}
-			}
-
-			.left2 {
-				background-color: #EDEDED;
-
-				.money {
-					color: #8A8A8A;
-				}
-
-				.dec {
-					color: #8A8A8A;
-				}
-			}
-
-			.right {
-				width: calc(100% - 126px);
+				background-color: #fff;
+				border-radius: 8px 8px 8px 8px;
+				padding: 6px;
 				display: flex;
 				align-items: center;
 				justify-content: space-between;
-				padding-right: 7px;
+				margin-bottom: 12px;
+				position: relative;
 
-				.titlebox {
-					.titlle {
-						margin-top: 13px;
-						color: #3D3D3D;
+				.jjdq {
+					width: 52px;
+					height: 18px;
+					background: linear-gradient(194deg, #FFCCA8 0%, #FE3D32 100%);
+					position: absolute;
+					right: 0;
+					top: 0;
+					border-radius: 0 8px 0 8px;
+					color: #fff;
+					font-size: 10px;
+					text-align: center;
+					line-height: 18px;
+				}
+
+				.ygq {
+					width: 52px;
+					height: 18px;
+					background: #AAAAAA;
+					position: absolute;
+					right: 0;
+					top: 0;
+					border-radius: 0 8px 0 8px;
+					color: #fff;
+					font-size: 10px;
+					text-align: center;
+					line-height: 18px;
+				}
+
+				.left {
+					width: 110px;
+					height: 62px;
+					background: #FFEDED;
+					border-radius: 6px 6px 6px 6px;
+					text-align: center;
+
+					.money {
+						margin-top: 4px;
+						color: #FF3838;
 						font-size: 16px;
+
+						.moneys {
+							font-size: 28px;
+							font-weight: bold;
+						}
 					}
 
 					.dec {
-						margin-top: 8px;
-						color: #AAAAAA;
+						margin-top: 1px;
+						color: #FF3838;
 						font-size: 11px;
 					}
 				}
 
-				.checkedImg {
-					width: 26px;
-					height: 26px;
+				.left2 {
+					background-color: #EDEDED;
+
+					.money {
+						color: #8A8A8A;
+					}
+
+					.dec {
+						color: #8A8A8A;
+					}
+				}
+
+				.right {
+					width: calc(100% - 126px);
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+					padding-right: 7px;
+
+					.titlebox {
+						.titlle {
+							margin-top: 13px;
+							color: #3D3D3D;
+							font-size: 16px;
+						}
+
+						.dec {
+							margin-top: 8px;
+							color: #AAAAAA;
+							font-size: 11px;
+						}
+					}
+
+					.checkedImg {
+						width: 26px;
+						height: 26px;
+					}
 				}
 			}
 		}
+
+		.btn {
+			margin-top: 18px;
+			height: 52px;
+			background: linear-gradient(360deg, #4B3F30 0%, #181713 56%, #504834 100%);
+			border-radius: 508px 508px 508px 508px;
+			text-align: center;
+			line-height: 52px;
+			color: #fff;
+			font-size: 20px;
+		}
 	}
 
-	.btn {
-		margin-top: 18px;
-		height: 52px;
-		background: linear-gradient(360deg, #4B3F30 0%, #181713 56%, #504834 100%);
-		border-radius: 508px 508px 508px 508px;
-		text-align: center;
-		line-height: 52px;
-		color: #fff;
-		font-size: 20px;
-	}
-}
-
-.white-flow {
-	background: linear-gradient(-45deg, transparent, transparent, transparent, transparent, transparent, transparent, transparent, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2), transparent, transparent, transparent, transparent, transparent, transparent, transparent);
-	background-repeat: no-repeat;
-	background-size: 60% 100%;
-	animation: flow 2s infinite linear;
-}
-
-@keyframes flow {
-	0% {
-		background-position: -100% 0;
+	.white-flow {
+		background: linear-gradient(-45deg, transparent, transparent, transparent, transparent, transparent, transparent, transparent, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2), transparent, transparent, transparent, transparent, transparent, transparent, transparent);
+		background-repeat: no-repeat;
+		background-size: 60% 100%;
+		animation: flow 2s infinite linear;
 	}
 
-	100% {
-		background-position: 200% 0;
+	@keyframes flow {
+		0% {
+			background-position: -100% 0;
+		}
+
+		100% {
+			background-position: 200% 0;
+		}
 	}
-}
 
-::v-deep .uni-countdown-day {
-	width: auto !important;
-	color: #2A2617 !important;
-	/* 例如，将文字颜色改为红色 */
-	background-color: transparent !important;
-	margin-right: 0 !important;
-	padding-right: 0 !important;
-}
+	::v-deep .uni-countdown-day {
+		width: auto !important;
+		color: #2A2617 !important;
+		/* 例如，将文字颜色改为红色 */
+		background-color: transparent !important;
+		margin-right: 0 !important;
+		padding-right: 0 !important;
+	}
 
-::v-deep .uni-countdown-splitor-day {
-	margin-left: 0 !important;
-}
+	::v-deep .uni-countdown-splitor-day {
+		margin-left: 0 !important;
+	}
 
-.yanhua {
-	position: fixed;
-	top: 170px;
-	left: 15px;
-	z-index: 999999;
-}
+	.yanhua {
+		position: fixed;
+		top: 170px;
+		left: 15px;
+		z-index: 999999;
+	}
 </style>
\ No newline at end of file
diff --git a/pages/finance-management/index.vue b/pages/finance-management/index.vue
index b19d0cd..32ce99f 100644
--- a/pages/finance-management/index.vue
+++ b/pages/finance-management/index.vue
@@ -1,6 +1,15 @@
 <template>
-	<view class="container">
-		<view class="main-info-container">
+	<!-- 水印 -->
+	<view v-if="$isVip()">
+		<watermark :dark="data.dark" />
+		<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 flex flex-column" @touchstart="handleTouchStart" @touchmove.stop.prevent="handleTouchMove"
+		@touchend="handleTouchEnd">
+		<view class="main-info-container" :class="{ 'open': isOpen }"
+			:style="{ 'padding-bottom': `${cardArrowHeight}px` }">
 			<!-- 导航栏 placeholder -->
 			<NavBar bgColor="transparent">
 				<view class="nav-bar flex-align-center h100">
@@ -36,10 +45,13 @@
 					</view>
 					<view class="total-money flex-align-center" style="margin-top: 10px;">
 						<view class="total-money-value flex-align-center">
-							<text>{{ financeInfo.totalMoney }}</text>
+							<text class="alipay-font">{{ numberUtil.formatMoneyWithThousand(totalMoney) }}</text>
 						</view>
 						<view class="total-money-value flex-align-center">
-							<text>{{ financeInfo.yesterdayIncome }}</text>
+							<text class="alipay-font">{{ yesterdayIncome > 0 ? "+" +
+								numberUtil.formatMoneyWithThousand(yesterdayIncome) :
+								numberUtil.formatMoneyWithThousand(yesterdayIncome)
+							}}</text>
 						</view>
 					</view>
 				</view>
@@ -48,54 +60,129 @@
 						<text>家庭保障</text>
 					</view>
 					<view class=" flex-align-end" style="margin-top: 10px;">
-						<text class="value">{{ financeInfo.familyProtection }}</text>
+						<text class="value alipay-font">{{ familyProtection }}</text>
 						<text class="text">份</text>
 					</view>
 				</view>
 			</view>
+			<view class="data-box">
+				<view v-for="item in myAssets" :key="item.title">
+					<view v-if="item.title" class="title second-color">{{ item.title }}</view>
+					<view class="group-data flex-justify-between">
+						<template v-for="subItem in item.items" :key="subItem.label">
+							<view v-if="financeInfo[item.key][subItem.key].labelSub"
+								class="item flex-align-center flex-justify-between">
+								<view class="flex-align-center">
+									<text class="label primary-color">{{ subItem.label }}</text>
+									<text v-if="financeInfo[item.key][subItem.key].type == 'text'"
+										class="label-sub second-color">
+										{{ formatTextWithNumber(financeInfo[item.key][subItem.key].labelSub) }}
+									</text>
+									<text v-else class="label-sub second-color">
+										{{
+											numberUtil.formatMoneyWithThousand(financeInfo[item.key][subItem.key].labelSub)
+										}}</text>
+								</view>
 
-			<view class="arrow-box">
-				<image class="arrow-icon" src="/static/image/finance-management/arrow-down.png"></image>
-			</view>
+								<text v-if="financeInfo[item.key][subItem.key].value" class="value primary-color">{{
+									financeInfo[item.key][subItem.key].value > 0 ? "+" +
+										numberUtil.formatMoneyWithThousand(financeInfo[item.key][subItem.key].value) :
+										numberUtil.formatMoneyWithThousand(financeInfo[item.key][subItem.key].value)
+								}}</text>
+							</view>
+						</template>
 
-			<view class="card-box flex-column">
-
-				<view class="wealth-card-box flex">
-					<!-- 占位图片设置为透明 -->
-					<image class="wealth-card-opacity0" src="/static/image/finance-management/v1/bg.png"
-						mode="widthFix" />
-					<!-- 背景图片高度自适应 -->
-					<image class="wealth-card" src="/static/image/finance-management/v1/bg.png" mode="widthFix" />
-
-					<view class="card-info">
-						<image class="logo" src="/static/image/finance-management/v1/logo.png" mode="scaleToFill" />
-						<view class="name-box flex-align-center">
-							<image class="card-holder-icon" src="/static/image/finance-management/v1/card-holder.png"
-								mode="scaleToFill" />
-							<view class="card-holder-name sacramento-font">{{ financeInfo.cardHolderName }}</view>
+						<view v-if="item.groupId == '1'" class="item flex-align-center flex-justify-between">
+							<view class="flex-align-center">
+								<text class="label primary-color">更多资产服务</text>
+							</view>
+							<text class="value primary-color">去看看</text>
 						</view>
-
 					</view>
-					<view class="enjoy-benefits flex-align-center">
-						<text class="benefits-text">{{ financeInfo.benefitsText }}</text>
-						<image class="arrow-icon" src="/static/image/finance-management/v1/arrow.png"></image>
-					</view>
-
 				</view>
-
-				<view class="content-box"></view>
 			</view>
 		</view>
+		<view class="image-service-box flex-column"
+			:style="{ top: topHeight + 'px', 'min-height': `calc(100vh - ${imageCardBoxtopHeight}px)` }">
+			<view class="card-arrow-box">
+				<view class="arrow-box">
+					<image @click="data.isOpen = !data.isOpen" class="arrow-icon"
+						:src="`/static/image/finance-management/arrow-${isOpen ? 'up' : 'down'}.png`">
+					</image>
+				</view>
 
-		<view class="content">
+				<view class="card-box flex-column">
+
+					<view class="wealth-card-box flex">
+						<!-- 占位图片设置为透明 -->
+						<image class="wealth-card-opacity0" src="/static/image/finance-management/v1/bg.png"
+							mode="widthFix" @load="updateTopHeight" />
+						<!-- 背景图片高度自适应 -->
+						<image class="wealth-card"
+							:src="`/static/image/finance-management/${financeInfo.vipLevel}/bg.png`" mode="widthFix" />
+
+						<view class="card-info">
+							<image class="logo"
+								:src="`/static/image/finance-management/${financeInfo.vipLevel}/logo.png`"
+								mode="scaleToFill" />
+							<view class="name-box flex-align-center">
+								<image class="card-holder-icon"
+									:src="`/static/image/finance-management/${financeInfo.vipLevel}/card-holder.png`"
+									mode="scaleToFill" />
+								<view class="card-holder-name sacramento-font">{{ financeInfo.cardHolderName }}</view>
+							</view>
+
+						</view>
+						<view class="enjoy-benefits flex-align-center">
+							<text class="benefits-text">{{ financeInfo.benefitsText }}</text>
+							<image class="arrow-icon"
+								:src="`/static/image/finance-management/${financeInfo.vipLevel}/arrow.png`"></image>
+						</view>
+					</view>
+
+					<view class="content-box">
+						<view class="service-icons">
+							<view class="service-icon" v-for="item in serviceIcons" :key="item.name">
+								<image class="icon"
+									:src="`/static/image/finance-management/service-icon/${item.icon}.png`"
+									mode="scaleToFill" />
+								<text class="name">{{ item.name }}</text>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="content flex-1 flex-align-center flex-justify-center">
+				<view class="flex-align-center flex-column">
+					<image style="width:92rpx; height: 92rpx;margin-top: 16rpx;"
+						src="/static/image/common/upload-screenshot.png">
+					</image>
+					<text style="font-size: 36rpx;color: #1777FF;">长按替换真实截图</text>
+				</view>
+			</view>
+
+		</view>
+
+
+		<view class="bottom-box"
+			:class="`navigation-menu-${financeInfo.navigationMenuStyle}`, { 'ios-bottom-box': $system == 'iOS' }">
+			<view class="bottom-item" v-for="item in navigationMenu" :key="item.name">
+				<image
+					:src="`/static/image/finance-management/navigation-menu/${financeInfo.navigationMenuStyle}/${item.icon}.png`">
+				</image>
+				<text>{{ item.name }}</text>
+			</view>
 		</view>
 	</view>
 </template>
 
 <script setup>
 import NavBar from '@/components/nav-bar/nav-bar.vue'
-import { ref, toRefs, reactive, onMounted } from 'vue'
-import { onLoad } from '@dcloudio/uni-app'
+import { ref, toRefs, reactive, onMounted, watch, computed } from 'vue'
+import { onLoad, onReady } from '@dcloudio/uni-app'
+import { serviceIcons, navigationMenu, myAssets } from '@/static/json/fortune.json'
+import { numberUtil } from '@/utils/common.js'
 
 onLoad(() => {
 	// 理财页面埋点
@@ -106,18 +193,245 @@ onLoad(() => {
 	// })
 })
 
-const data = reactive({
-	financeInfo: {
-		totalMoney: 100000000,
-		yesterdayIncome: 22222,
-		familyProtection: 1,
-		benefitsText: '尊享礼遇18000元/年',
-		cardHolderName: 'LiXing',
-		vipLevel: 1,
-	}
+onReady(() => {
+	statusBarHeight.value = uni.getSystemInfoSync().statusBarHeight;
+	uni.createSelectorQuery().select('.total-money-box').boundingClientRect((data) => {
+		console.log("total-money-box height: " + (data ? data.height : "null"));
+		topHeight.value = data ? data.height + 44 + statusBarHeight.value : 44 + statusBarHeight.value;
+		imageCardBoxtopHeight.value = data ? data.height + 44 + statusBarHeight.value : 44 + statusBarHeight.value;
+	}).exec()
 })
 
-let { financeInfo } = toRefs(data)
+const updateTopHeight = () => {
+	setTimeout(() => {
+		uni.createSelectorQuery().select('.card-arrow-box').boundingClientRect((data) => {
+			console.log("card-arrow-box height: " + (data ? data.height : "null"));
+			cardArrowHeight.value = data ? data.height - 20 : 0;
+		}).exec()
+	}, 500)
+}
+
+// 总资产
+const totalMoney = computed(() => {
+	let totalMoney = 0;
+	for (const key in financeInfo.value.fortune) {
+		if (!Object.hasOwn(financeInfo.value.fortune, key)) continue;
+		const element = financeInfo.value.fortune[key];
+		totalMoney += Number(element.labelSub)
+	}
+	return totalMoney
+})
+
+// 昨日收益
+const yesterdayIncome = computed(() => {
+	let yesterdayIncome = 0;
+	for (const key in financeInfo.value.fortune) {
+		if (!Object.hasOwn(financeInfo.value.fortune, key)) continue;
+		const element = financeInfo.value.fortune[key];
+		yesterdayIncome += Number(element.value)
+	}
+	return yesterdayIncome
+})
+
+// 家庭保障
+const familyProtection = computed(() => {
+	return parseInt(financeInfo.value.myAssets.baoxian.labelSub)
+})
+
+const data = reactive({
+	financeInfo: {
+		benefitsText: '尊享礼遇18000元/年',
+		cardHolderName: 'LiXing',
+		vipLevel: "v3",
+		navigationMenuStyle: "style-1",
+		fortune: {
+			yuebao: {
+				value: 3.53,
+				labelSub: "100000",
+			},
+			dingqi: {
+				value: 50,
+				labelSub: "100000",
+			},
+			jijin: {
+				value: 5000,
+				labelSub: "100000",
+			},
+			huangjin: {
+				value: -300,
+				labelSub: "100000",
+			},
+			yulingbao: {
+				value: 20,
+				labelSub: "100000",
+			}
+		},
+		myAssets: {
+			baoxian: {
+				labelSub: "3份保单保障中",
+				type: "text"
+			}
+		},
+		myQuota: {
+			huabei: {
+				labelSub: "可用100000",
+				type: "text"
+			},
+			jubei: {
+				labelSub: "可用100000",
+				type: "text"
+			},
+			beizhi: {
+				labelSub: "可用100000",
+				type: "text"
+			},
+			wangshangdai: {
+				labelSub: "预计可借100000",
+				type: "text"
+			}
+		}
+	},
+	topHeight: 0,
+	statusBarHeight: 0,
+	cardArrowHeight: 0,
+	imageCardBoxtopHeight: 0,
+	isOpen: false
+})
+
+
+let { financeInfo, topHeight, statusBarHeight, cardArrowHeight, imageCardBoxtopHeight, isOpen } = toRefs(data)
+
+
+const formatTextWithNumber = (str) => {
+	if (!str) return '';
+	return str.replace(/(\d+(\.\d+)?)/g, (match) => {
+		return match > 100 ? numberUtil.formatMoneyWithThousand(match) : match;
+	});
+}
+
+let startY = 0;
+let startTop = 0;
+let minTop = 0;
+let maxTop = 0;
+
+// 监听 isOpen 变化来控制 topHeight
+watch(() => isOpen.value, () => {
+	updateHeightByState();
+})
+
+const handleTouchStart = (e) => {
+	startY = e.touches[0].clientY;
+	startTop = topHeight.value;
+
+	// 如果未设置边界（或为了安全起见每次开始时），则计算边界
+	if (!minTop || !maxTop) {
+		const systemInfo = uni.getSystemInfoSync();
+		const statusBar = systemInfo.statusBarHeight;
+
+		// 创建查询以获取当前尺寸
+		const query = uni.createSelectorQuery();
+		query.select('.total-money-box').boundingClientRect();
+		query.select('.main-info-container').boundingClientRect();
+		query.exec(([totalMoneyBox, mainInfoContainer]) => {
+			if (totalMoneyBox) {
+				// 最小高度（关闭状态）：total-money-box 高度 + 导航栏 + 状态栏 - 卡片箭头偏移量
+				minTop = totalMoneyBox.height + 44 + statusBar;
+			}
+			if (mainInfoContainer) {
+				// 最大高度（打开状态）：main-info-container 高度 - 卡片箭头高度
+				// 注意：isOpen 会切换内边距/布局，因此这可能需要根据当前状态进行调整。
+				// 为简单起见，我们假设我们在初始化/切换期间捕获了正确的值或对其进行了估算。
+				// 更稳健的方法：
+				// 关闭状态顶部：~160px（示例）
+				// 打开状态顶部：~400px（示例）
+				// 我们可以从之前使用的 'isOpen=true' 计算逻辑推断出 maxTop：
+				// data.height (main-info-container 的高度)。
+				// 如果当前已关闭，main-info-container 可能很小。
+				// 但我们知道 'isOpen=true' 会将 topHeight 设置为 main-info-container 的高度（打开时）。
+
+				// 让我们依赖之前记录/使用的值。
+				// 如果当前已关闭：minTop 是当前 topHeight。
+				// 如果当前已打开：maxTop 是当前 topHeight。
+				// 我们需要 *另一个* 值。
+
+				// 让我们在 onReady/updateTopHeight 中动态重新测量以确信，
+				// 但在这里我们可以尝试估算或依赖之前的逻辑。
+
+				// 更好的方法：根据 DOM 预先计算两者或使用固定逻辑。
+				// minTop 大约是 44 + statusBar + totalMoneyBoxHeight
+				// maxTop 是 mainContainerHeight（展开时）
+			}
+			// 目前，让我们使用 handleTouchEnd 中的逻辑来设置这些动态限制
+			// 我们将在 handleTouchEnd 或 init 中更新它们。
+		});
+	}
+}
+
+const handleTouchMove = (e) => {
+	let currentY = e.touches[0].clientY;
+	let delta = currentY - startY;
+	let newTop = startTop + delta;
+
+	// 如果为 0，让我们获取它们。
+	if (minTop === 0 && !isOpen.value) minTop = startTop;
+	if (maxTop === 0 && isOpen.value) maxTop = startTop;
+
+	// 如果有值，则进行简单钳位
+	if (minTop && maxTop) {
+		if (newTop < minTop) newTop = minTop;
+		if (newTop > maxTop) newTop = maxTop;
+	}
+
+	// 应用
+	topHeight.value = newTop;
+}
+
+const updateHeightByState = () => {
+	statusBarHeight.value = uni.getSystemInfoSync().statusBarHeight;
+	if (isOpen.value) {
+		// 打开状态：计算 main-info-container 高度
+		uni.createSelectorQuery().select('.main-info-container').boundingClientRect((data) => {
+			if (data) {
+				const targetH = data.height - cardArrowHeight.value;
+				topHeight.value = targetH;
+				maxTop = targetH; // 更新 maxTop
+			}
+		}).exec()
+	} else {
+		// 关闭状态：计算 total-money-box 位置
+		uni.createSelectorQuery().select('.total-money-box').boundingClientRect((data) => {
+			if (data) {
+				const targetH = data.height + 44 + statusBarHeight.value;
+				topHeight.value = targetH;
+				minTop = targetH; // 更新 minTop
+			}
+		}).exec()
+	}
+}
+
+const handleTouchEnd = (e) => {
+	let endY = e.changedTouches[0].clientY;
+	let diff = endY - startY;
+
+	let targetState = isOpen.value;
+
+	// 判断滑动意图
+	if (diff > 50) {
+		targetState = true;
+	} else if (diff < -50) {
+		targetState = false;
+	}
+
+	// 如果状态改变，watch 会处理动画/高度更新
+	if (targetState !== isOpen.value) {
+		isOpen.value = targetState;
+	} else {
+		// 如果状态未改变，手动恢复高度（吸附回原位）
+		updateHeightByState();
+	}
+}
+
+
 
 </script>
 
@@ -127,13 +441,12 @@ let { financeInfo } = toRefs(data)
 <style lang="less" scoped>
 .container {
 	height: 100vh;
-	background-color: #f5f5f5;
+	background-color: #ffffff;
 	overflow: hidden;
 }
 
 .main-info-container {
-	background: linear-gradient(191deg, #0B1028 5.48%, #0B1028 30.26%, #18336C 60.18%, #18336C 100%);
-
+	background: linear-gradient(348deg, #0B1028 49%, #0B1028 76.26%, #18336C 86.18%, #18336C 100%);
 
 	.nav-bar {
 		padding: 20rpx;
@@ -192,6 +505,7 @@ let { financeInfo } = toRefs(data)
 	.total-money-box {
 		padding-top: 10rpx;
 		padding-bottom: 6rpx;
+		margin-bottom: 32rpx;
 
 		.revenue-box {
 			padding: 0 24rpx;
@@ -234,6 +548,7 @@ let { financeInfo } = toRefs(data)
 		.family-protection {
 			display: flex;
 			flex-direction: column;
+			flex-shrink: 0;
 			height: 100%;
 			padding: 0 28rpx;
 			border-left: 1rpx solid #172139;
@@ -256,6 +571,52 @@ let { financeInfo } = toRefs(data)
 		}
 	}
 
+	.data-box {
+		padding: 0 26rpx 0;
+		font-size: 26rpx;
+
+		.title {
+			margin-bottom: 40rpx;
+		}
+
+		.group-data {
+			// margin-top: 8rpx;
+			flex-wrap: wrap;
+
+			.item {
+				width: calc(50% - 15rpx);
+				flex-shrink: 0;
+				margin-bottom: 40rpx;
+
+				.label {
+					margin-right: 18rpx;
+					flex-shrink: 0;
+				}
+			}
+		}
+
+		.second-color {
+			color: #787174;
+		}
+
+		.primary-color {
+			color: #EAD2B8;
+		}
+	}
+}
+
+.open {
+	// background: #08112E;
+	background: linear-gradient(146deg, #0B1028 49%, #08112E 71.26%, #18336C 83.18%, #18336C 96%)
+}
+
+.image-service-box {
+	position: absolute;
+	display: flex;
+	flex-direction: column;
+	top: 20%;
+	width: 100%;
+
 	.arrow-box {
 		display: flex;
 		align-items: center;
@@ -291,7 +652,7 @@ let { financeInfo } = toRefs(data)
 
 				.name-box {
 					display: flex;
-					align-items: center;
+					align-items: flex-start;
 				}
 
 				.card-holder-icon {
@@ -338,8 +699,33 @@ let { financeInfo } = toRefs(data)
 
 		.content-box {
 			margin-top: -1px;
-			background-color: #ffffff;
+			background: linear-gradient(180deg, #FFFFFF 56.37%, #F0F4F9 100%);
 			padding: 20rpx;
+
+			.service-icons {
+				display: flex;
+				flex-wrap: wrap;
+				justify-content: space-between;
+
+				.service-icon {
+					display: flex;
+					flex-direction: column;
+					align-items: center;
+					width: 20%;
+					margin-top: 22rpx;
+					margin-bottom: 8rpx;
+
+					.icon {
+						width: 62rpx;
+						height: 62rpx;
+					}
+
+					.name {
+						font-size: 26rpx;
+						color: #5D5D5D;
+					}
+				}
+			}
 		}
 
 
@@ -347,6 +733,66 @@ let { financeInfo } = toRefs(data)
 }
 
 .content {
+	background-color: #ffffff;
 	padding: 20rpx;
+	margin-top: -1px;
+}
+
+.bottom-box {
+	position: fixed;
+	bottom: 0;
+	width: 100%;
+	height: 100rpx;
+	background-color: #ffffff;
+	display: flex;
+	justify-content: space-around;
+	align-items: center;
+	padding: 4rpx 0;
+
+	.bottom-item {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+
+		image {
+			width: 56rpx;
+			height: 56rpx;
+		}
+
+		text {
+			margin-top: 12rpx;
+			font-size: 20rpx;
+			line-height: 25rpx;
+			color: #333;
+		}
+	}
+}
+
+.ios-bottom-box {
+	padding-bottom: constant(safe-area-inset-bottom); // 兼容 IOS<11.2 
+	padding-bottom: env(safe-area-inset-bottom); // 兼容 IOS>11.2
+
+}
+
+.navigation-menu-style-1 {
+	background-color: #ffffff;
+
+	.bottom-item:nth-child(2) {
+		text {
+			color: #A27140;
+		}
+	}
+}
+
+.navigation-menu-style-2 {
+	background-color: #F8F8F8;
+	border-top: 1rpx solid #C3CED1;
+	padding: 6rpx 0;
+
+	.bottom-item:nth-child(2) {
+		text {
+			color: #0075FF;
+		}
+	}
 }
 </style>
diff --git a/pages/index/index.nvue b/pages/index/index.nvue
index 3434136..ef4cdca 100644
--- a/pages/index/index.nvue
+++ b/pages/index/index.nvue
@@ -95,8 +95,6 @@
 				<text class="vision-text">版本:{{ vision }}</text>
 			</view>
 		</view>
-
-
 	</view>
 </template>
 <script setup>
@@ -108,21 +106,51 @@ import {
 	storage
 } from '@/utils/storage.js'
 import {
-	get
+	get,
+	postJson
 } from '@/utils/requests.js'
 import {
 	ref,
 	reactive,
-	toRefs,
-	getCurrentInstance
+	toRefs
 } from 'vue';
+
 import {
 	onLoad,
 	onShow
 } from '@dcloudio/uni-app';
 
-const instance = getCurrentInstance();
-const { proxy } = instance;
+// 内部埋点方法
+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: "支付宝模拟器首页"
+		}
+	})
+	uni.navigateTo({
+		url: '/pages/common/recharge/index'
+	});
+}
 
 // 菜单列表
 const menuList = [{
@@ -141,8 +169,8 @@ const menuList = [{
 	icon: "licaiheika",
 	name: "理财黑卡",
 	isHot: true,
-	// path: "/pages/finance-management/index"
-	path: ""
+	path: "/pages/finance-management/index"
+	// path: ""
 },
 {
 	icon: "huabei",
@@ -311,9 +339,10 @@ const clickMenu = (item) => {
 	}
 }
 
+
+// 开通vip
 const openVip = () => {
-	console.log('openVip')
-	util.goPage('/pages/common/recharge/index')
+	goRechargePage()
 }
 
 /**
diff --git a/static/image/finance-management/arrow-up.png b/static/image/finance-management/arrow-up.png
new file mode 100644
index 0000000..ef581c6
Binary files /dev/null and b/static/image/finance-management/arrow-up.png differ
diff --git a/static/image/finance-management/navigation-menu/style-1/licai.png b/static/image/finance-management/navigation-menu/style-1/licai.png
new file mode 100644
index 0000000..f7da564
Binary files /dev/null and b/static/image/finance-management/navigation-menu/style-1/licai.png differ
diff --git a/static/image/finance-management/navigation-menu/style-1/shipin.png b/static/image/finance-management/navigation-menu/style-1/shipin.png
new file mode 100644
index 0000000..33e7956
Binary files /dev/null and b/static/image/finance-management/navigation-menu/style-1/shipin.png differ
diff --git a/static/image/finance-management/navigation-menu/style-1/shouye.png b/static/image/finance-management/navigation-menu/style-1/shouye.png
new file mode 100644
index 0000000..4399cae
Binary files /dev/null and b/static/image/finance-management/navigation-menu/style-1/shouye.png differ
diff --git a/static/image/finance-management/navigation-menu/style-1/wode.png b/static/image/finance-management/navigation-menu/style-1/wode.png
new file mode 100644
index 0000000..46e3bfb
Binary files /dev/null and b/static/image/finance-management/navigation-menu/style-1/wode.png differ
diff --git a/static/image/finance-management/navigation-menu/style-1/xiaoxi.png b/static/image/finance-management/navigation-menu/style-1/xiaoxi.png
new file mode 100644
index 0000000..b6bc7bb
Binary files /dev/null and b/static/image/finance-management/navigation-menu/style-1/xiaoxi.png differ
diff --git a/static/image/finance-management/navigation-menu/style-2/licai.png b/static/image/finance-management/navigation-menu/style-2/licai.png
new file mode 100644
index 0000000..25eb6b1
Binary files /dev/null and b/static/image/finance-management/navigation-menu/style-2/licai.png differ
diff --git a/static/image/finance-management/navigation-menu/style-2/shipin.png b/static/image/finance-management/navigation-menu/style-2/shipin.png
new file mode 100644
index 0000000..625482a
Binary files /dev/null and b/static/image/finance-management/navigation-menu/style-2/shipin.png differ
diff --git a/static/image/finance-management/navigation-menu/style-2/shouye.png b/static/image/finance-management/navigation-menu/style-2/shouye.png
new file mode 100644
index 0000000..6486746
Binary files /dev/null and b/static/image/finance-management/navigation-menu/style-2/shouye.png differ
diff --git a/static/image/finance-management/navigation-menu/style-2/wode.png b/static/image/finance-management/navigation-menu/style-2/wode.png
new file mode 100644
index 0000000..51fdeb5
Binary files /dev/null and b/static/image/finance-management/navigation-menu/style-2/wode.png differ
diff --git a/static/image/finance-management/navigation-menu/style-2/xiaoxi.png b/static/image/finance-management/navigation-menu/style-2/xiaoxi.png
new file mode 100644
index 0000000..385e881
Binary files /dev/null and b/static/image/finance-management/navigation-menu/style-2/xiaoxi.png differ
diff --git a/static/image/finance-management/service-icon/baoxian.png b/static/image/finance-management/service-icon/baoxian.png
new file mode 100644
index 0000000..179056b
Binary files /dev/null and b/static/image/finance-management/service-icon/baoxian.png differ
diff --git a/static/image/finance-management/service-icon/dingqi.png b/static/image/finance-management/service-icon/dingqi.png
new file mode 100644
index 0000000..1ac0ad3
Binary files /dev/null and b/static/image/finance-management/service-icon/dingqi.png differ
diff --git a/static/image/finance-management/service-icon/gaoduanlicai.png b/static/image/finance-management/service-icon/gaoduanlicai.png
new file mode 100644
index 0000000..90e5985
Binary files /dev/null and b/static/image/finance-management/service-icon/gaoduanlicai.png differ
diff --git a/static/image/finance-management/service-icon/gengduo.png b/static/image/finance-management/service-icon/gengduo.png
new file mode 100644
index 0000000..560ffdb
Binary files /dev/null and b/static/image/finance-management/service-icon/gengduo.png differ
diff --git a/static/image/finance-management/service-icon/gupiao.png b/static/image/finance-management/service-icon/gupiao.png
new file mode 100644
index 0000000..04c0ffd
Binary files /dev/null and b/static/image/finance-management/service-icon/gupiao.png differ
diff --git a/static/image/finance-management/service-icon/huangjin.png b/static/image/finance-management/service-icon/huangjin.png
new file mode 100644
index 0000000..296642b
Binary files /dev/null and b/static/image/finance-management/service-icon/huangjin.png differ
diff --git a/static/image/finance-management/service-icon/jijin.png b/static/image/finance-management/service-icon/jijin.png
new file mode 100644
index 0000000..c209b62
Binary files /dev/null and b/static/image/finance-management/service-icon/jijin.png differ
diff --git a/static/image/finance-management/service-icon/quanqiutouzi.png b/static/image/finance-management/service-icon/quanqiutouzi.png
new file mode 100644
index 0000000..89bb66d
Binary files /dev/null and b/static/image/finance-management/service-icon/quanqiutouzi.png differ
diff --git a/static/image/finance-management/service-icon/wenjianlicai.png b/static/image/finance-management/service-icon/wenjianlicai.png
new file mode 100644
index 0000000..457d7df
Binary files /dev/null and b/static/image/finance-management/service-icon/wenjianlicai.png differ
diff --git a/static/image/finance-management/service-icon/yuebao.png b/static/image/finance-management/service-icon/yuebao.png
new file mode 100644
index 0000000..c209b62
Binary files /dev/null and b/static/image/finance-management/service-icon/yuebao.png differ
diff --git a/static/image/finance-management/v2/card-holder.png b/static/image/finance-management/v2/card-holder.png
new file mode 100644
index 0000000..f3ee499
Binary files /dev/null and b/static/image/finance-management/v2/card-holder.png differ
diff --git a/static/image/finance-management/v3/card-holder.png b/static/image/finance-management/v3/card-holder.png
new file mode 100644
index 0000000..64b5eab
Binary files /dev/null and b/static/image/finance-management/v3/card-holder.png differ
diff --git a/static/image/recharge/tabLine.png b/static/image/recharge/tabLine.png
new file mode 100644
index 0000000..3c0fb80
Binary files /dev/null and b/static/image/recharge/tabLine.png differ
diff --git a/static/json/fortune.json b/static/json/fortune.json
new file mode 100644
index 0000000..5647890
--- /dev/null
+++ b/static/json/fortune.json
@@ -0,0 +1,145 @@
+{
+    "serviceIcons": [
+        {
+            "name": "余额宝",
+            "icon": "yuebao"
+        },
+        {
+            "name": "稳健理财",
+            "icon": "wenjianlicai"
+        },
+        {
+            "name": "基金",
+            "icon": "jijin"
+        },
+        {
+            "name": "黄金",
+            "icon": "huangjin"
+        },
+        {
+            "name": "股票",
+            "icon": "gupiao"
+        },
+        {
+            "name": "定期",
+            "icon": "dingqi"
+        },
+        {
+            "name": "保险",
+            "icon": "baoxian"
+        },
+        {
+            "name": "高端理财",
+            "icon": "gaoduanlicai"
+        },
+        {
+            "name": "全球投资",
+            "icon": "quanqiutouzi"
+        },
+        {
+            "name": "更多",
+            "icon": "gengduo"
+        }
+    ],
+    "navigationMenu": [
+        {
+            "name": "首页",
+            "icon": "shouye"
+        },
+        {
+            "name": "理财",
+            "icon": "licai"
+        },
+        {
+            "name": "视频",
+            "icon": "shipin"
+        },
+        {
+            "name": "消息",
+            "icon": "xiaoxi"
+        },
+        {
+            "name": "我的",
+            "icon": "wode"
+        }
+    ],
+    "myAssets": [
+        {
+            "groupId": "1",
+            "key": "fortune",
+            "title": "",
+            "items": [
+                {
+                    "label": "余额宝",
+                    "labelSub": "",
+                    "value": "",
+                    "key": "yuebao"
+                },
+                {
+                    "label": "定期",
+                    "labelSub": "",
+                    "value": "",
+                    "key": "dingqi"
+                },
+                {
+                    "label": "基金",
+                    "labelSub": "",
+                    "value": "",
+                    "key": "jijin"
+                },
+                {
+                    "label": "黄金",
+                    "labelSub": "",
+                    "value": "",
+                    "key": "huangjin"
+                },
+                {
+                    "label": "余利宝",
+                    "labelSub": "",
+                    "value": "",
+                    "key": "yulingbao"
+                }
+            ]
+        },
+        {
+            "groupId": "2",
+            "title": "我的保障资产",
+            "key": "myAssets",
+            "items": [
+                {
+                    "label": "保险",
+                    "labelSub": "1份保单保障中",
+                    "value": "",
+                    "key": "baoxian"
+                }
+            ]
+        },
+        {
+            "groupId": "3",
+            "title": "我的额度",
+            "key": "myQuota",
+            "items": [
+                {
+                    "label": "花呗",
+                    "labelSub": "",
+                    "key": "huabei"
+                },
+                {
+                    "label": "借呗",
+                    "labelSub": "",
+                    "key": "jubei"
+                },
+                {
+                    "label": "备用金",
+                    "labelSub": "",
+                    "key": "beizhi"
+                },
+                {
+                    "label": "网商贷",
+                    "labelSub": "",
+                    "key": "wangshangdai"
+                }
+            ]
+        }
+    ]
+}
\ No newline at end of file
diff --git a/utils/globalMethods.js b/utils/globalMethods.js
index 40812fd..cecbe8f 100644
--- a/utils/globalMethods.js
+++ b/utils/globalMethods.js
@@ -42,20 +42,22 @@ export default {
 			let currentPage = pages[pages.length - 1];
 			let currentUrl = currentPage.route;
 			currentUrl = pageData[currentUrl]
-			// 点击水印
-			app.config.globalProperties.$apiUserEvent('all', {
-				type: "click",
-				key: type,
-				value: type != "watermark" ? "关闭水印" : "点击右下角水印图标",
-				extra: {
-					page: currentUrl
-				}
-			}, {
-				type: 'click_' + type,
-				data: {
-					page: currentUrl
-				}
-			})
+			if (type) {
+				// 点击水印
+				app.config.globalProperties.$apiUserEvent('all', {
+					type: "click",
+					key: type,
+					value: type != "watermark" ? "关闭水印" : "点击右下角水印图标",
+					extra: {
+						page: currentUrl
+					}
+				}, {
+					type: 'click_' + type,
+					data: {
+						page: currentUrl
+					}
+				})
+			}
 			// 进入页面
 			app.config.globalProperties.$apiUserEvent('all', {
 				type: "event",