diff --git a/resources/js/chat-room/red-packet-panel.js b/resources/js/chat-room/red-packet-panel.js index 0d43261..a20930d 100644 --- a/resources/js/chat-room/red-packet-panel.js +++ b/resources/js/chat-room/red-packet-panel.js @@ -318,8 +318,6 @@ function renderRedPacketModal(payload) { byId("rp-countdown").textContent = payload.expireSeconds; byId("rp-timer-bar").style.width = "100%"; byId("rp-status-msg").textContent = ""; - byId("rp-claims-list").style.display = "none"; - byId("rp-claims-items").textContent = ""; const emoji = modal.querySelector(".rp-emoji"); if (emoji) { @@ -556,7 +554,7 @@ function updateClaimButtonAfterFailure(button, message) { } /** - * 收到领取广播后,同步弹窗内领取名单与剩余数。 + * 收到领取广播后,同步弹窗内剩余份数与抢完状态。 * * @param {string} username 领取者用户名 * @param {number|string} amount 领取数量 @@ -570,25 +568,6 @@ export function updateRedPacketClaimsUI(username, amount, remaining, type = redP remainingElement.textContent = remaining; } - const list = byId("rp-claims-list"); - const items = byId("rp-claims-items"); - if (!list || !items) { - return; - } - - list.style.display = "block"; - - const item = document.createElement("div"); - const name = document.createElement("span"); - const value = document.createElement("span"); - const typeLabel = type === "exp" ? "经验" : "金币"; - - item.className = "rp-claim-item"; - name.textContent = username; - value.textContent = `+${amount} ${typeLabel}`; - item.append(name, value); - items.prepend(item); - if (remaining <= 0) { const button = byId("rp-claim-btn"); if (button && !redPacketClaimed) { diff --git a/resources/views/chat/partials/games/red-packet-panel.blade.php b/resources/views/chat/partials/games/red-packet-panel.blade.php index 5e540cf..91ef9ae 100644 --- a/resources/views/chat/partials/games/red-packet-panel.blade.php +++ b/resources/views/chat/partials/games/red-packet-panel.blade.php @@ -11,7 +11,7 @@ window.showRedPacketModal(...) → 展示红包弹窗(收到 WebSocket 事件触发) window.closeRedPacketModal() → 关闭红包弹窗 window.claimRedPacket() → 用户抢红包 - window.updateRedPacketClaimsUI() → 更新领取名单(WebSocket 广播后调用) + window.updateRedPacketClaimsUI() → 更新剩余份数(WebSocket 广播后调用) 注:依赖 window.chatBanner(chat-banner.blade.php)、window.chatDialog、window.chatToast。 @@ -190,28 +190,6 @@ transform: none; } - /* 已领取名单 */ - #rp-claims-list { - margin-top: 12px; - max-height: 100px; - overflow-y: auto; - border-top: 1px dashed #fca5a5; - padding-top: 8px; - } - - .rp-claim-item { - display: flex; - justify-content: space-between; - font-size: 11px; - color: #555; - padding: 2px 0; - } - - .rp-claim-item span:last-child { - color: #dc2626; - font-weight: bold; - } - /* 关闭按钮 */ #rp-close-btn { position: absolute;