功能:浮窗商店同步加「💍 求婚戒指」分组

toolbar.blade.php renderShop 补充:
- ring 类型分组(存入背包,求婚时消耗)
- 图标持有数量红色徽章
- 卡片下方亲密度/魅力加成标注
- 购买按钮走现有 buyItem 流程(后端 buyRing 处理)
This commit is contained in:
2026-03-01 15:45:13 +08:00
parent 29e43507ac
commit 4a9730c38d
@@ -782,6 +782,8 @@
badge.style.display = 'inline-block'; badge.style.display = 'inline-block';
} }
const ringCounts = data.ring_counts || {};
const groups = [{ const groups = [{
label: '⚡ 单次特效卡', label: '⚡ 单次特效卡',
desc: '立即播放一次,仅自己可见', desc: '立即播放一次,仅自己可见',
@@ -797,6 +799,11 @@
desc: '', desc: '',
type: 'one_time' type: 'one_time'
}, },
{
label: '💍 求婚戒指',
desc: '存入背包,求婚时消耗(被拒则遗失)',
type: 'ring'
},
]; ];
const list = document.getElementById('shop-items-list'); const list = document.getElementById('shop-items-list');
@@ -815,17 +822,31 @@
items.forEach(item => { items.forEach(item => {
const isRename = item.slug === 'rename_card'; const isRename = item.slug === 'rename_card';
const canUse = isRename && data.has_rename_card; const canUse = isRename && data.has_rename_card;
const isRing = item.type === 'ring';
const ownedQty = isRing ? (ringCounts[item.id] || 0) : 0;
const card = document.createElement('div'); const card = document.createElement('div');
card.className = 'shop-card'; card.className = 'shop-card';
// 顶部:图标 + 名称 // 顶部:图标 + 名称(戒指加持有数徽章)
const iconHtml = isRing && ownedQty > 0 ?
`<span style="position:relative;display:inline-block;">
<span class="shop-card-icon">${item.icon}</span>
<span style="position:absolute;top:-4px;right:-6px;background:#f43f5e;color:#fff;font-size:9px;font-weight:800;min-width:15px;height:15px;border-radius:8px;text-align:center;line-height:15px;padding:0 2px;">${ownedQty}</span>
</span>` :
`<span class="shop-card-icon">${item.icon}</span>`;
card.innerHTML = ` card.innerHTML = `
<div class="shop-card-top"> <div class="shop-card-top">
<span class="shop-card-icon">${item.icon}</span> ${iconHtml}
<span class="shop-card-name">${item.name}</span> <span class="shop-card-name">${item.name}</span>
</div> </div>
<div class="shop-card-desc">${item.description ?? ''}</div> <div class="shop-card-desc">${item.description ?? ''}</div>
${isRing && (item.intimacy_bonus > 0 || item.charm_bonus > 0) ? `
<div style="font-size:9px;margin-top:3px;display:flex;gap:8px;">
${item.intimacy_bonus > 0 ? `<span style="color:#f43f5e;">💞 亲密 +${item.intimacy_bonus}</span>` : ''}
${item.charm_bonus > 0 ? `<span style="color:#a855f7;">✨ 魅力 +${item.charm_bonus}</span>` : ''}
</div>` : ''}
`; `;
// 按钮 // 按钮
@@ -840,7 +861,7 @@
btn.innerHTML = `🪙 ${Number(item.price).toLocaleString()}`; btn.innerHTML = `🪙 ${Number(item.price).toLocaleString()}`;
btn.onclick = () => openGiftDialog(item); btn.onclick = () => openGiftDialog(item);
} else { } else {
// 周卡等其他商品:直接确认购买 // 周卡、道具、戒指:直接确认购买
btn.className = 'shop-btn'; btn.className = 'shop-btn';
btn.innerHTML = `🪙 ${Number(item.price).toLocaleString()}`; btn.innerHTML = `🪙 ${Number(item.price).toLocaleString()}`;
btn.onclick = () => buyItem(item.id, item.name, item.price, 'all', ''); btn.onclick = () => buyItem(item.id, item.name, item.price, 'all', '');