From ac45a0837311c8031d65488b778da31ed3e3d3bf Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Wed, 12 Aug 2026 11:05:21 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=80=9A=E7=9F=A5=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=AB=8B=E5=8D=B3=E7=BB=AD=E8=B4=B9=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/NotificationPopup.vue | 12 +++++++++---
 pages/index/index.vue            |  3 ++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/components/NotificationPopup.vue b/components/NotificationPopup.vue
index 1fe42aa..064826d 100644
--- a/components/NotificationPopup.vue
+++ b/components/NotificationPopup.vue
@@ -15,6 +15,8 @@
 						<scroll-view scroll-y class="notification-body">
 							<text>{{ item.body || '暂无通知内容' }}</text>
 						</scroll-view>
+						<up-button v-if="item.category === 'expiry'" class="renew-button" type="primary" size="small"
+							@tap.stop="$emit('renew', item)">立即续费</up-button>
 					</view>
 				</swiper-item>
 			</swiper>
@@ -47,7 +49,7 @@
 		}
 	});
 
-	defineEmits(['close', 'change']);
+	defineEmits(['close', 'change', 'renew']);
 
 	const formatDate = (value) => {
 		if (!value) return '-';
@@ -113,7 +115,7 @@
 		text-align: center;
 	}
 
-	.notification-swiper { height: 360rpx; }
+	.notification-swiper { height: 430rpx; }
 
 	.notification-content {
 		height: 100%;
@@ -142,7 +144,7 @@
 
 	.notification-body {
 		box-sizing: border-box;
-		height: 230rpx;
+		height: 180rpx;
 		margin-top: 28rpx;
 		color: var(--text-secondary);
 		font-size: 28rpx;
@@ -155,6 +157,10 @@
 		text-align: center;
 	}
 
+	.renew-button {
+		margin-top: 20rpx;
+	}
+
 	.popup-swipe-hint {
 		display: flex;
 		align-items: center;
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 6dec3ed..b00f8c8 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -98,7 +98,8 @@
 		<view class="bottom-spacer"></view>
 
 		<NotificationPopup :show="notificationPopupShow" :items="notificationItems"
-			:current="notificationPopupCurrent" @change="onNotificationChange" @close="closeNotificationPopup" />
+			:current="notificationPopupCurrent" @change="onNotificationChange" @close="closeNotificationPopup"
+			@renew="startHomepageRenewal" />
 
 		<RenewalPaymentPopup ref="renewalPopupRef" :identifier="userStore.state.identifier"
 			paymentRefreshTarget="home" @completed="loadAssetInfo" />