feat(portrait): 新增撤销下注功能并优化竖屏布局体验

新增撤销功能:
- 添加 undoChip 方法,支持撤销当前区域最后一次下注
- 在确认下注组件中新增橙色撤销按钮(箭头图标)
- 所有游戏桌组件(百家乐/龙虎/牛牛/色碟/骰宝/轮盘)统一集成撤销功能

竖屏布局优化:
- 修复下注盘样式优先级问题,确保平铺全屏显示(移除 left/right 偏移)
- 路单区域改为横向布局:路单画布在左,统计信息在右,扑克牌区域独立显示
- 路单高度从 180px 增加到 250px,提升可视性
- 优化牛牛扑克牌布局为 2x2 网格,适配竖屏空间

UI 增强:
- 添加红色边框高亮效果(脉冲动画),突出当前选中的下注区域
- 优化按钮布局和间距,提升触控体验
- 调整字体大小和内边距,适配竖屏显示密度

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
li
2026-01-17 23:14:13 +08:00
co-authored by Claude Sonnet 4.5
parent aa082c3f32
commit c19ebf267a
13 changed files with 595 additions and 52 deletions
+48 -1
View File
@@ -8,7 +8,7 @@
>
<div class="nav">
<div class="left">
<div class="back" @click="router.replace({ name: routerStack })"></div>
<div class="back" @click="handleBack"></div>
<div class="user">
<div class="name">
{{ userInfo.username }}
@@ -384,6 +384,23 @@ export default {
showSwitchtab(false)
showSwitchCamera(false)
}
// 处理返回按钮
const handleBack = () => {
// 检查是否从 Portal 跳转过来
const urlParams = new URLSearchParams(window.location.search)
const from = urlParams.get('from')
const returnUrl = urlParams.get('returnUrl')
if (from === 'portal' && returnUrl) {
// 返回到 Portal
window.location.href = decodeURIComponent(returnUrl)
} else {
// 返回到游戏大厅
router.replace({ name: routerStack.value })
}
}
// 显示快捷换台列表
const showSwitchtab = (type) => {
store.commit("app/standbyTime")
@@ -1210,6 +1227,7 @@ export default {
offCamera,
toggleAplayer,
clearChip,
handleBack,
cancelChip,
showMenu,
showSetFree,
@@ -1502,4 +1520,33 @@ $gold: #c5a059;
}
}
}
/* 竖屏模式下,路单区域平铺全屏 */
@media screen and (orientation: portrait) {
.play .view {
.wayView {
width: 100% !important;
max-width: 100% !important;
height: 250px !important;
min-height: 250px !important;
margin: 0 !important;
padding: 0 !important;
left: 0 !important;
right: 0 !important;
display: flex !important;
flex-direction: row !important;
.pokerView {
order: 1 !important;
flex: none !important;
width: 200px !important;
}
.playway {
order: 2 !important;
flex: 1 !important;
}
}
}
}
</style>