feat: 聊天室手机端自适应

- 新增 mobile-drawer.blade.php:手机端浮动按钮 + 工具菜单抽屉 + 名单抽屉(独立维护)
- frame.blade.php:手机端代码改为 @include 引入
- chat.css:添加 @media (max-width: 640px) 响应式样式
  - 隐藏桌面端工具条和右侧名单面板
  - 浮动按钮样式(位于屏幕中间偏右)
  - 抽屉组件从顶部向下展开
  - 手机端隐藏房间介绍、输入栏动作/字色/字号/禁音/分屏控件
  - 现有 modal 弹窗 max-width 自适应修复
- scripts.blade.php:重构 renderUserList 提取 _renderUserListToContainer
  - 修复代码损坏残留,补回 setAction/scrollToBottom/autoScrollEl
This commit is contained in:
2026-03-17 17:49:14 +08:00
parent bb63cc12c3
commit 35a80279e6
4 changed files with 552 additions and 25 deletions
+6
View File
@@ -128,7 +128,13 @@
@include('chat.partials.layout.right-panel')
</div>
{{-- ═══════════ 手机端浮动按钮 + 抽屉(≤ 640px 屏幕有效,独立维护)═══════════ --}}
@include('chat.partials.layout.mobile-drawer')
{{-- ═══════════ 全局 UI 公共组件 ═══════════ --}}
{{-- 自定义弹窗(替代原生 alert/confirm/prompt,全页面可用) --}}
@include('chat.partials.global-dialog')
{{-- Toast 轻提示 --}}