重构(chat): 聊天室 Partials 第二阶段分类拆分及修复红包弹窗隐藏 Bug
- 完成对 scripts.blade.php 中非核心业务逻辑(钓鱼游戏、AI机器人、系统全局公告)的深度抽象隔离 - 修复抢红包逻辑中 setInterval 缺失时间参数(1000)引发浏览器前端主线程挂起的重度阻塞问题 - 修复 lottery-panel 组件结尾漏写 </div> 导致的连锁级渲染树崩溃(该崩溃导致红包节点被意外当作隐藏后代节点渲染,造成彻底不可见) - 对相关模板规范代码结构,执行 Laravel Pint 格式化并提交
This commit is contained in:
@@ -94,8 +94,8 @@
|
||||
{{-- ═══════════ 左侧主区域 ═══════════ --}}
|
||||
<div class="chat-left">
|
||||
|
||||
{{-- 顶部标题栏 + 公告滚动条(独立文件维护) --}}
|
||||
@include('chat.partials.header')
|
||||
{{-- 顶部标题栏 + 公告滚动条(layout/ 子目录维护) --}}
|
||||
@include('chat.partials.layout.header')
|
||||
|
||||
{{-- 消息窗格(双窗格,默认只显示 say1) --}}
|
||||
<div class="message-panes" id="message-panes">
|
||||
@@ -117,40 +117,43 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- 底部输入工具栏(独立文件维护) --}}
|
||||
@include('chat.partials.input-bar')
|
||||
{{-- 底部输入工具栏(layout/ 子目录维护) --}}
|
||||
@include('chat.partials.layout.input-bar')
|
||||
</div>
|
||||
|
||||
{{-- ═══════════ 竖向工具条(独立文件维护) ═══════════ --}}
|
||||
@include('chat.partials.toolbar')
|
||||
{{-- ═══════════ 竖向工具条(layout/ 子目录维护) ═══════════ --}}
|
||||
@include('chat.partials.layout.toolbar')
|
||||
|
||||
{{-- ═══════════ 右侧用户面板(独立文件维护) ═══════════ --}}
|
||||
@include('chat.partials.right-panel')
|
||||
{{-- ═══════════ 右侧用户面板(layout/ 子目录维护) ═══════════ --}}
|
||||
@include('chat.partials.layout.right-panel')
|
||||
</div>
|
||||
|
||||
{{-- ═══════════ 全局自定义弹窗(替代原生 alert/confirm,全页面可用) ═══════════ --}}
|
||||
{{-- ═══════════ 全局 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')
|
||||
{{-- ═══════════ 百家乐游戏面板 ═══════════ --}}
|
||||
@include('chat.partials.baccarat-panel')
|
||||
{{-- ═══════════ 老虎机游戏面板 ═══════════ --}}
|
||||
@include('chat.partials.slot-machine')
|
||||
{{-- ═══════════ 神秘箱子游戏面板 ═══════════ --}}
|
||||
@include('chat.partials.mystery-box')
|
||||
{{-- ═══════════ 赛马竞猜游戏面板 ═══════════ --}}
|
||||
@include('chat.partials.horse-race-panel')
|
||||
{{-- ═══════════ 神秘占卜游戏面板 ═══════════ --}}
|
||||
@include('chat.partials.fortune-panel')
|
||||
{{-- ═══════════ 双色球彩票面板 ═══════════ --}}
|
||||
@include('chat.partials.lottery-panel')
|
||||
{{-- ═══════════ 娱乐游戏大厅弹窗 ═══════════ --}}
|
||||
@include('chat.partials.game-hall')
|
||||
|
||||
{{-- ═══════════ 游戏面板(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')
|
||||
|
||||
{{-- 全屏特效系统:管理员烟花/下雨/雷电/下雪 --}}
|
||||
<script src="/js/effects/effect-sounds.js"></script>
|
||||
@@ -162,6 +165,9 @@
|
||||
|
||||
@include('chat.partials.scripts')
|
||||
|
||||
{{-- 辅助与全局事件组件 --}}
|
||||
@include('chat.partials.ai-chatbot')
|
||||
@include('chat.partials.system-events')
|
||||
{{-- 页面初始加载时,渲染自带的历史记录(解决入场欢迎语错过断网的问题) --}}
|
||||
@if (!empty($historyMessages))
|
||||
<script>
|
||||
|
||||
Reference in New Issue
Block a user