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" />