og/GamePortrait
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
4 Commits 1 Branch 0 Tags 133 MiB
Vue 63.8%
JavaScript 30.4%
SCSS 5.3%
HTML 0.5%
aa082c3f32
Go to file
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
dist Initial commit: GamePortrait 竖屏版 - 深色豪华主题 2026-01-16 17:47:53 +08:00
node_modules feat: 优化竖屏游戏布局 - 筹码在视频内，下注盘缩小，路单完整显示 2026-01-16 20:05:41 +08:00
public Initial commit: GamePortrait 竖屏版 - 深色豪华主题 2026-01-16 17:47:53 +08:00
src fix(portrait): 修复竖屏布局样式优先级问题，确保下注盘平铺全屏 2026-01-16 20:46:38 +08:00
.browserslistrc Initial commit: GamePortrait 竖屏版 - 深色豪华主题 2026-01-16 17:47:53 +08:00
.DS_Store Initial commit: GamePortrait 竖屏版 - 深色豪华主题 2026-01-16 17:47:53 +08:00
.eslintrc.js Initial commit: GamePortrait 竖屏版 - 深色豪华主题 2026-01-16 17:47:53 +08:00
.gitignore feat: 优化竖屏游戏布局 - 筹码在视频内，下注盘缩小，路单完整显示 2026-01-16 20:05:41 +08:00
.prettierrc.js Initial commit: GamePortrait 竖屏版 - 深色豪华主题 2026-01-16 17:47:53 +08:00
babel.config.js Initial commit: GamePortrait 竖屏版 - 深色豪华主题 2026-01-16 17:47:53 +08:00
dist.zip Initial commit: GamePortrait 竖屏版 - 深色豪华主题 2026-01-16 17:47:53 +08:00
jsconfig.json Initial commit: GamePortrait 竖屏版 - 深色豪华主题 2026-01-16 17:47:53 +08:00
package-lock.json Initial commit: GamePortrait 竖屏版 - 深色豪华主题 2026-01-16 17:47:53 +08:00
package.json Initial commit: GamePortrait 竖屏版 - 深色豪华主题 2026-01-16 17:47:53 +08:00
postcss.config.js Initial commit: GamePortrait 竖屏版 - 深色豪华主题 2026-01-16 17:47:53 +08:00
README.md Initial commit: GamePortrait 竖屏版 - 深色豪华主题 2026-01-16 17:47:53 +08:00
vue.config.js Initial commit: GamePortrait 竖屏版 - 深色豪华主题 2026-01-16 17:47:53 +08:00

README.md

agame

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.