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:
@@ -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 轻提示 --}}
|
||||
|
||||
Reference in New Issue
Block a user