feat(portrait): 新增撤销下注功能并优化竖屏布局体验
新增撤销功能: - 添加 undoChip 方法,支持撤销当前区域最后一次下注 - 在确认下注组件中新增橙色撤销按钮(箭头图标) - 所有游戏桌组件(百家乐/龙虎/牛牛/色碟/骰宝/轮盘)统一集成撤销功能 竖屏布局优化: - 修复下注盘样式优先级问题,确保平铺全屏显示(移除 left/right 偏移) - 路单区域改为横向布局:路单画布在左,统计信息在右,扑克牌区域独立显示 - 路单高度从 180px 增加到 250px,提升可视性 - 优化牛牛扑克牌布局为 2x2 网格,适配竖屏空间 UI 增强: - 添加红色边框高亮效果(脉冲动画),突出当前选中的下注区域 - 优化按钮布局和间距,提升触控体验 - 调整字体大小和内边距,适配竖屏显示密度 Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
+48
-1
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user