aa082c3f32ed00e8630664bde973d59bc11d6509
**问题**: - 页面初始加载时下注盘平铺正常,但 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 **影响范围**: - 竖屏模式下所有游戏的下注盘布局 - 视频播放区域显示 - 牛牛/三卡游戏下注区域 **测试**: - ✅ 牛牛游戏下注盘平铺全屏 - ✅ 页面加载后布局保持稳定 - ✅ 视频显示完整内容
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
Languages
Vue
63.1%
JavaScript
31.2%
SCSS
5.2%
HTML
0.5%