luo/device-voice-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 通知弹窗新增立即续费按钮
All checks were successful
构建并部署前端到生产环境 / build-and-deploy (push) Successful in 2m35s
Details

Browse Source
This commit is contained in:
luo
2026-08-12 11:05:21 +08:00
parent 1e649e9835
commit ac45a08373
2 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/NotificationPopup.vue
View File

@@ -15,6 +15,8 @@
<scroll-view scroll-y class="notification-body"> <scroll-view scroll-y class="notification-body">
<text>{{ item.body || '暂无通知内容' }}</text> <text>{{ item.body || '暂无通知内容' }}</text>
</scroll-view> </scroll-view>
<up-button v-if="item.category === 'expiry'" class="renew-button" type="primary" size="small"
@tap.stop="$emit('renew', item)">立即续费</up-button>
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>
@@ -47,7 +49,7 @@
} }
}); });
defineEmits(['close', 'change']); defineEmits(['close', 'change', 'renew']);
const formatDate = (value) => { const formatDate = (value) => {
if (!value) return '-'; if (!value) return '-';
@@ -113,7 +115,7 @@
text-align: center; text-align: center;
} }
.notification-swiper { height: 360rpx; } .notification-swiper { height: 430rpx; }
.notification-content { .notification-content {
height: 100%; height: 100%;
@@ -142,7 +144,7 @@
.notification-body { .notification-body {
box-sizing: border-box; box-sizing: border-box;
height: 230rpx; height: 180rpx;
margin-top: 28rpx; margin-top: 28rpx;
color: var(--text-secondary); color: var(--text-secondary);
font-size: 28rpx; font-size: 28rpx;
@@ -155,6 +157,10 @@
text-align: center; text-align: center;
} }
.renew-button {
margin-top: 20rpx;
}
.popup-swipe-hint { .popup-swipe-hint {
display: flex; display: flex;
align-items: center; align-items: center;

3
pages/index/index.vue
View File

@@ -98,7 +98,8 @@
<view class="bottom-spacer"></view> <view class="bottom-spacer"></view>
<NotificationPopup :show="notificationPopupShow" :items="notificationItems" <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" <RenewalPaymentPopup ref="renewalPopupRef" :identifier="userStore.state.identifier"
paymentRefreshTarget="home" @completed="loadAssetInfo" /> paymentRefreshTarget="home" @completed="loadAssetInfo" />