li
|
aa082c3f32
|
fix(portrait): 修复竖屏布局样式优先级问题，确保下注盘平铺全屏
**问题**：
- 页面初始加载时下注盘平铺正常，但 Vue 组件加载后被 scoped 样式覆盖
- 牛牛游戏下注盘只占屏幕中间很小区域，两侧留白严重
- 视频显示不完整，顶部时间戳被裁剪
**解决方案**：
1. 使用子选择器（>）增加 CSS 优先级覆盖 scoped 样式
- .play > .view
- .play > .view > .game-area
- .play > .view > .game-area > .playtable
2. 修复布局容器对齐方式
- .view: align-items: stretch（覆盖原始的 center）
- .playtable: display: block（避免 flex 居中问题）
3. 强制全宽显示
- 为所有容器添加 width/max-width/min-width: 100% !important
- 移除所有 margin 和 padding
4. 优化视频显示
- object-fit: contain（完整显示不裁剪）
- 移除 transform 居中和缩放
- 增加最小高度到 380px
**影响范围**：
- 竖屏模式下所有游戏的下注盘布局
- 视频播放区域显示
- 牛牛/三卡游戏下注区域
**测试**：
- ✅ 牛牛游戏下注盘平铺全屏
- ✅ 页面加载后布局保持稳定
- ✅ 视频显示完整内容
|
2026-01-16 20:46:38 +08:00 |
|
li
|
e7a9c07ef8
|
feat: 调整视频显示完整性和布局优化
- 视频区域增加到320px，从顶部对齐显示完整画面
- 移除视频居中裁剪，改为从顶部显示完整内容
- 下注盘压缩到100px高度，节省空间给视频和路单
- 字体和按钮进一步缩小适应紧凑布局
- 筹码缩小到45x36px，完全透明背景
- 3D透视角度调整到6度
|
2026-01-16 20:15:40 +08:00 |
|
li
|
1f21ae1b57
|
feat: 优化竖屏游戏布局 - 筹码在视频内，下注盘缩小，路单完整显示
- 重新调整竖屏布局顺序：导航(60px) → 视频+筹码(200px) → 下注盘(200px) → 路单(flex自适应)
- 筹码选择器移到视频右侧内部，透明背景和毛玻璃效果
- 缩小下注盘高度到200px，节省空间
- 路单区域使用flex自适应，确保完整显示
- 优化各游戏类型字体大小
- 确认/取消按钮缩小，位置调整
|
2026-01-16 20:05:41 +08:00 |
|
li
|
40976e4b45
|
Initial commit: GamePortrait 竖屏版 - 深色豪华主题
|
2026-01-16 17:47:53 +08:00 |
|