重构:商店从右侧 Tab 移至工具栏按钮弹窗,新增 2 列网格卡片布局

This commit is contained in:
2026-02-27 16:06:15 +08:00
parent 9c8f7b1a95
commit 8ac540c65b
3 changed files with 537 additions and 17 deletions
@@ -5,15 +5,12 @@
依赖变量:$room(当前房间模型)
--}}
<div class="chat-right" style="position:relative;">
<div class="chat-right">
{{-- Tab 标题栏 --}}
<div class="right-tabs">
<button class="tab-btn active" id="tab-users" onclick="switchTab('users')">名单</button>
<button class="tab-btn" id="tab-rooms" onclick="switchTab('rooms')">房间</button>
<button class="tab-btn" id="tab-emoji" onclick="switchTab('emoji')">贴图</button>
<button class="tab-btn" id="tab-action" onclick="switchTab('action')">酷库</button>
<button class="tab-btn" id="tab-shop" onclick="switchTab('shop'); loadShop();"
style="color:#fbbf24;">🛍商店</button>
</div>
{{-- 用户列表面板 --}}
@@ -90,7 +87,4 @@
<div class="online-stats">
在线: <strong id="online-count-footer">0</strong>
</div>
{{-- 商店面板(位于最后,默认隐藏) --}}
@include('chat.partials.shop-panel')
</div>