{{-- 文件功能:聊天室主界面框架(frame 页面) 全屏沉浸式布局,不使用统一 layout CSS 抽取到 /public/css/chat.css JS 抽取到 chat.partials.scripts Blade 模板 @author ChatRoom Laravel @version 1.0.0 --}} {{ $room->name ?? '聊天室' }} - 飘落流星 @php // 从 sysparam 读取权限等级配置 $levelWarn = (int) \App\Models\Sysparam::getValue('level_warn', '5'); $levelKick = (int) \App\Models\Sysparam::getValue('level_kick', '10'); $levelMute = (int) \App\Models\Sysparam::getValue('level_mute', '8'); $levelBan = (int) \App\Models\Sysparam::getValue('level_ban', '12'); $levelBanip = (int) \App\Models\Sysparam::getValue('level_banip', '14'); $levelFreeze = (int) \App\Models\Sysparam::getValue('level_freeze', '14'); $superLevel = (int) \App\Models\Sysparam::getValue('superlevel', '100'); $myLevel = Auth::user()->user_level; @endphp @vite(['resources/css/app.css', 'resources/js/app.js', 'resources/js/chat.js'])
{{-- ═══════════ 左侧主区域 ═══════════ --}}
{{-- 顶部标题栏 + 公告滚动条(layout/ 子目录维护) --}} @include('chat.partials.layout.header') {{-- 消息窗格(双窗格,默认只显示 say1) --}}
{{-- 主消息窗 --}}
【公众窗口】显示公众的发言! ({{ now()->format('H:i:s') }})
『{{ $room->name }}』{{ $room->description ?? '欢迎光临!畅所欲言,文明聊天。' }}
{{-- 副消息窗(包厢窗) --}}
【包厢窗口】显示包厢名单中聊友的发言! ({{ now()->format('H:i:s') }})
{{-- 底部输入工具栏(layout/ 子目录维护) --}} @include('chat.partials.layout.input-bar')
{{-- ═══════════ 竖向工具条(layout/ 子目录维护) ═══════════ --}} @include('chat.partials.layout.toolbar') {{-- ═══════════ 右侧用户面板(layout/ 子目录维护) ═══════════ --}} @include('chat.partials.layout.right-panel')
{{-- ═══════════ 手机端浮动按钮 + 抽屉(≤ 640px 屏幕有效,独立维护)═══════════ --}} @include('chat.partials.layout.mobile-drawer') {{-- ═══════════ 全局 UI 公共组件 ═══════════ --}} {{-- 自定义弹窗(替代原生 alert/confirm/prompt,全页面可用) --}} @include('chat.partials.global-dialog') {{-- Toast 轻提示 --}} @include('chat.partials.toast-notification') {{-- 大卡片通知(任命公告、好友通知、礼包选择等) --}} @include('chat.partials.chat-banner') {{-- ═══════════ 聊天室交互脚本(用户操作、好友通知等) ═══════════ --}} @include('chat.partials.user-actions') {{-- ═══════════ 活动与系统弹窗 ═══════════ --}} {{-- 婚姻系统弹窗 --}} @include('chat.partials.marriage-modals') {{-- 节日福利弹窗 --}} @include('chat.partials.holiday-modal') {{-- ═══════════ 游戏面板(partials/games/ 子目录,各自独立,包含 CSS + HTML + JS) ═══════════ --}} @include('chat.partials.games.baccarat-panel') @include('chat.partials.games.slot-machine') @include('chat.partials.games.mystery-box') @include('chat.partials.games.horse-race-panel') @include('chat.partials.games.fortune-panel') @include('chat.partials.games.lottery-panel') @include('chat.partials.games.red-packet-panel') @include('chat.partials.games.fishing-panel') @include('chat.partials.games.game-hall') @include('chat.partials.games.gomoku-panel') {{-- 全屏特效系统:管理员烟花/下雨/雷电/下雪 --}} @include('chat.partials.scripts') {{-- 辅助与全局事件组件 --}} @include('chat.partials.ai-chatbot') @include('chat.partials.system-events') {{-- 页面初始加载时,渲染自带的历史记录(解决入场欢迎语错过断网的问题) --}} @if (!empty($historyMessages)) @endif @if (!empty($newbieEffect) || !empty($weekEffect)) @endif {{-- 页面初始加载时,若存在挂起的求婚 / 离婚请求,则弹窗 --}} @if (!empty($pendingProposal) || !empty($pendingDivorce)) @endif