迁移红包弹窗按钮事件

This commit is contained in:
2026-04-25 10:51:46 +08:00
parent 8cdf8492fb
commit 9cc10d56a7
@@ -243,7 +243,7 @@
<div id="red-packet-card">
{{-- 顶部标题区 --}}
<div id="rp-header">
<span id="rp-close-btn" onclick="closeRedPacketModal()"></span>
<span id="rp-close-btn" data-red-packet-close></span>
<span class="rp-emoji">🧧</span>
<div class="rp-sender" id="rp-sender-name">xxx 的礼包</div>
<div class="rp-title">聊天室专属礼包</div>
@@ -259,7 +259,7 @@
<div id="rp-timer-bar-wrap">
<div id="rp-timer-bar" style="width:100%;"></div>
</div>
<button id="rp-claim-btn" onclick="claimRedPacket()">🧧 立即抢红包</button>
<button id="rp-claim-btn" data-red-packet-claim>🧧 立即抢红包</button>
<div id="rp-status-msg"></div>
{{-- 领取名单 --}}
<div id="rp-claims-list" style="display:none;">
@@ -622,6 +622,17 @@
}
});
// 静态按钮统一由脚本绑定,避免红包弹窗 DOM 中继续保留内联 onclick。
document.getElementById('rp-close-btn')?.addEventListener('click', function(e) {
e.preventDefault();
closeRedPacketModal();
});
document.getElementById('rp-claim-btn')?.addEventListener('click', function(e) {
e.preventDefault();
void claimRedPacket();
});
// ── 抢红包 ──────────────────────────────────────
/**
* 用户点击「立即抢红包」,调用后端 claim 接口。