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
parent
aa082c3f32
commit
c19ebf267a
@ -508,15 +508,17 @@ $tie-green: #27ae60;
|
||||
margin: 0 !important;
|
||||
box-sizing: border-box !important;
|
||||
|
||||
> .view {
|
||||
/* 重复选择器增加优先级，覆盖 scoped 样式 */
|
||||
.view.view {
|
||||
position: relative !important;
|
||||
left: auto !important;
|
||||
right: auto !important;
|
||||
left: 0 !important; /* 覆盖原始的 left: 3rem */
|
||||
right: 0 !important; /* 覆盖原始的 right: 3rem */
|
||||
bottom: auto !important;
|
||||
width: 100% !important;
|
||||
height: 100px !important;
|
||||
transform: perspective(380px) rotateX(6deg) !important;
|
||||
margin: 0 !important; /* 移除margin，让内容占满宽度 */
|
||||
padding: 0 !important; /* 移除padding */
|
||||
max-width: 100% !important; /* 确保不被限制宽度 */
|
||||
min-width: 100% !important;
|
||||
|
||||
@ -525,6 +527,14 @@ $tie-green: #27ae60;
|
||||
height: 100% !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
/* 百家乐和龙虎游戏确保全宽 */
|
||||
&.baccarat,
|
||||
&.longhu {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
min-width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* 确认/取消按钮 - 竖屏位置调整，最小化按钮 */
|
||||
@ -555,9 +565,22 @@ $tie-green: #27ae60;
|
||||
}
|
||||
}
|
||||
|
||||
/* 百家乐特定样式 */
|
||||
.baccarat {
|
||||
/* 百家乐特定样式 - 同时针对 .view.baccarat */
|
||||
.baccarat.baccarat,
|
||||
.view.baccarat {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
min-width: 100% !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
|
||||
.list {
|
||||
width: 100% !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
|
||||
.item {
|
||||
.text {
|
||||
font-size: 0.24rem !important;
|
||||
@ -575,9 +598,22 @@ $tie-green: #27ae60;
|
||||
}
|
||||
}
|
||||
|
||||
/* 龙虎特定样式 */
|
||||
.longhu {
|
||||
/* 龙虎特定样式 - 同时针对 .view.longhu */
|
||||
.longhu.longhu,
|
||||
.view.longhu {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
min-width: 100% !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
|
||||
.list {
|
||||
width: 100% !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
|
||||
.item {
|
||||
.text {
|
||||
font-size: 0.24rem !important;
|
||||
@ -675,23 +711,29 @@ $tie-green: #27ae60;
|
||||
transform: none !important;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 180px;
|
||||
height: 250px;
|
||||
background: $card-bg;
|
||||
border-top: 2px solid $border-color;
|
||||
flex: 1;
|
||||
order: 3;
|
||||
min-height: 180px;
|
||||
max-height: 220px;
|
||||
min-height: 250px;
|
||||
max-height: 300px;
|
||||
display: flex !important;
|
||||
flex-direction: row !important;
|
||||
|
||||
.playway {
|
||||
height: 100% !important;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1 !important;
|
||||
display: flex !important;
|
||||
flex-direction: row !important; /* 横向布局：路单画布在左，统计信息在右 */
|
||||
align-items: stretch !important;
|
||||
order: 2 !important;
|
||||
|
||||
.canvas-box {
|
||||
flex: 1;
|
||||
min-height: 100px;
|
||||
flex: 1 !important; /* 路单画布占据剩余空间，给16张牌足够的横向显示空间 */
|
||||
min-width: 0 !important; /* 允许缩小 */
|
||||
width: auto !important;
|
||||
height: 100% !important;
|
||||
position: relative;
|
||||
|
||||
.canvas {
|
||||
@ -707,73 +749,90 @@ $tie-green: #27ae60;
|
||||
|
||||
.btn-box {
|
||||
flex: none;
|
||||
height: 65px !important;
|
||||
font-size: 0.26rem !important;
|
||||
padding: 0.08rem 0.15rem;
|
||||
width: 150px !important;
|
||||
height: 100% !important;
|
||||
font-size: 0.24rem !important;
|
||||
padding: 0.06rem 0.1rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
border-left: 1px solid $border-color;
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
|
||||
.left,
|
||||
.right {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
justify-content: space-evenly;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.left .item,
|
||||
.right .item {
|
||||
font-size: 0.26rem !important;
|
||||
padding: 0.05rem 0.12rem !important;
|
||||
margin: 0.02rem;
|
||||
font-size: 0.24rem !important;
|
||||
padding: 0.03rem 0.08rem !important;
|
||||
margin: 0.02rem 0;
|
||||
width: 100%;
|
||||
|
||||
.lab {
|
||||
font-size: 0.24rem !important;
|
||||
font-size: 0.22rem !important;
|
||||
}
|
||||
|
||||
.num {
|
||||
font-size: 0.26rem !important;
|
||||
font-size: 0.24rem !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.ask {
|
||||
padding: 0.06rem 0.12rem !important;
|
||||
margin: 0.02rem;
|
||||
padding: 0.04rem 0.08rem !important;
|
||||
margin: 0.02rem 0;
|
||||
width: 100%;
|
||||
|
||||
.text {
|
||||
font-size: 0.24rem !important;
|
||||
font-size: 0.22rem !important;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: flex;
|
||||
gap: 0.05rem;
|
||||
gap: 0.04rem;
|
||||
|
||||
.li {
|
||||
width: 0.26rem !important;
|
||||
height: 0.26rem !important;
|
||||
width: 0.24rem !important;
|
||||
height: 0.24rem !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.totle-box {
|
||||
width: auto !important;
|
||||
min-width: 140px !important;
|
||||
max-width: 40%;
|
||||
flex: none;
|
||||
width: 100px !important;
|
||||
height: 100% !important;
|
||||
margin: 0 !important;
|
||||
border-left: 1px solid $border-color !important;
|
||||
|
||||
.list {
|
||||
font-size: 0.26rem !important;
|
||||
padding: 0.06rem 0.1rem !important;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
justify-content: space-evenly !important;
|
||||
align-items: flex-start !important;
|
||||
font-size: 0.22rem !important;
|
||||
padding: 0.06rem 0.08rem !important;
|
||||
|
||||
.item {
|
||||
line-height: 1.3;
|
||||
margin: 0.02rem 0;
|
||||
line-height: 1.4;
|
||||
margin: 0.01rem 0;
|
||||
width: 100%;
|
||||
|
||||
.lab {
|
||||
font-size: 0.2rem !important;
|
||||
}
|
||||
|
||||
.lab,
|
||||
.num {
|
||||
font-size: 0.24rem !important;
|
||||
font-size: 0.22rem !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -781,7 +840,55 @@ $tie-green: #27ae60;
|
||||
}
|
||||
|
||||
.pokerView {
|
||||
pointer-events: none;
|
||||
flex: none !important;
|
||||
width: 200px !important;
|
||||
height: 100% !important;
|
||||
position: relative !important;
|
||||
pointer-events: none !important;
|
||||
order: 1 !important;
|
||||
border-right: 1px solid $border-color;
|
||||
|
||||
/* 牛牛扑克牌布局 */
|
||||
.poker-box.nn {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
display: flex !important;
|
||||
flex-direction: row !important;
|
||||
flex-wrap: wrap !important;
|
||||
padding: 0.05rem !important;
|
||||
|
||||
.list {
|
||||
width: 50% !important;
|
||||
height: 50% !important;
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
align-items: center !important;
|
||||
justify-content: flex-start !important;
|
||||
padding: 0.03rem !important;
|
||||
box-sizing: border-box !important;
|
||||
|
||||
.title {
|
||||
font-size: 0.24rem !important;
|
||||
margin-bottom: 0.02rem !important;
|
||||
}
|
||||
|
||||
.role {
|
||||
font-size: 0.2rem !important;
|
||||
margin-bottom: 0.02rem !important;
|
||||
}
|
||||
|
||||
.item {
|
||||
width: 0.4rem !important;
|
||||
height: 0.56rem !important;
|
||||
margin: 0.01rem 0 !important;
|
||||
|
||||
.card {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -27,6 +27,7 @@
|
||||
@downBet="downBet"
|
||||
@confirmChip="confirmChip"
|
||||
@cancelChip="cancelChip"
|
||||
@undoChip="undoChip"
|
||||
/>
|
||||
<!-- 龙虎 -->
|
||||
<TableLonghu
|
||||
@ -41,6 +42,7 @@
|
||||
@downBet="downBet"
|
||||
@confirmChip="confirmChip"
|
||||
@cancelChip="cancelChip"
|
||||
@undoChip="undoChip"
|
||||
/>
|
||||
<!-- 牛牛 -->
|
||||
<TableBullbull
|
||||
@ -56,6 +58,7 @@
|
||||
@downBet="downBet"
|
||||
@confirmChip="confirmChip"
|
||||
@cancelChip="cancelChip"
|
||||
@undoChip="undoChip"
|
||||
/>
|
||||
<!-- 色碟 -->
|
||||
<TableToning
|
||||
@ -70,6 +73,7 @@
|
||||
@downBet="downBet"
|
||||
@confirmChip="confirmChip"
|
||||
@cancelChip="cancelChip"
|
||||
@undoChip="undoChip"
|
||||
/>
|
||||
<!-- 骰宝 -->
|
||||
<TableDice
|
||||
@ -83,6 +87,7 @@
|
||||
@downBet="downBet"
|
||||
@confirmChip="confirmChip"
|
||||
@cancelChip="cancelChip"
|
||||
@undoChip="undoChip"
|
||||
/>
|
||||
<!-- 轮盘 -->
|
||||
|
||||
@ -103,6 +108,7 @@
|
||||
@downBet="downBet"
|
||||
@confirmChip="confirmChip"
|
||||
@cancelChip="cancelChip"
|
||||
@undoChip="undoChip"
|
||||
/>
|
||||
</Transition>
|
||||
<Transition
|
||||
@ -121,6 +127,7 @@
|
||||
@downBet="downBet"
|
||||
@confirmChip="confirmChip"
|
||||
@cancelChip="cancelChip"
|
||||
@undoChip="undoChip"
|
||||
/>
|
||||
</Transition>
|
||||
</template>
|
||||
@ -357,6 +364,33 @@ export default {
|
||||
})
|
||||
}
|
||||
|
||||
// 撤销当前区域最后一次下注
|
||||
const undoChip = () => {
|
||||
if (touch.value) {
|
||||
const type = touch.value
|
||||
// 找到当前区域所有自己下注的筹码
|
||||
const selfChips = chipArray[type].filter((v) => v.type == "self")
|
||||
if (selfChips.length > 0) {
|
||||
// 移除最后一个筹码
|
||||
const lastChip = selfChips[selfChips.length - 1]
|
||||
const lastIndex = chipArray[type].lastIndexOf(lastChip)
|
||||
chipArray[type].splice(lastIndex, 1)
|
||||
|
||||
// 更新金额
|
||||
downChip[type] = Math.max(0, downChip[type] - lastChip.value)
|
||||
sendChip[type] = Math.max(0, sendChip[type] - lastChip.value)
|
||||
|
||||
// 播放音效
|
||||
audioMp3(["push"]).Play()
|
||||
|
||||
// 如果没有筹码了，取消触摸状态
|
||||
if (chipArray[type].filter((v) => v.type == "self").length === 0) {
|
||||
touch.value = null
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 确认下注
|
||||
const confirmChip = () => {
|
||||
if (props.sendMode == "startBetCountDown") {
|
||||
@ -647,6 +681,7 @@ export default {
|
||||
downBet,
|
||||
resetChip,
|
||||
cancelChip,
|
||||
undoChip,
|
||||
confirmChip
|
||||
}
|
||||
}
|
||||
@ -735,4 +770,17 @@ $gold: #c5a059;
|
||||
color: #f3c866;
|
||||
}
|
||||
}
|
||||
|
||||
/* 竖屏模式下，移除左右空白，下注盘平铺全屏 */
|
||||
@media screen and (orientation: portrait) {
|
||||
.playtable {
|
||||
.view {
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
width: 100% !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -6,6 +6,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.small_amount,
|
||||
show: touch == 'small_amount'
|
||||
@ -27,6 +28,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.player_pair_amount,
|
||||
show: touch == 'player_pair_amount'
|
||||
@ -49,6 +51,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.luck_six_amount,
|
||||
show: touch == 'luck_six_amount'
|
||||
@ -71,6 +74,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.banker_pair_amount,
|
||||
show: touch == 'banker_pair_amount'
|
||||
@ -92,6 +96,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{ money: downChip.big_amount, show: touch == 'big_amount' }"
|
||||
></confirmBet>
|
||||
<chipView
|
||||
@ -112,6 +117,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.player_amount,
|
||||
show: touch == 'player_amount'
|
||||
@ -133,6 +139,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{ money: downChip.tie_amount, show: touch == 'tie_amount' }"
|
||||
></confirmBet>
|
||||
<chipView
|
||||
@ -151,6 +158,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.banker_amount,
|
||||
show: touch == 'banker_amount'
|
||||
@ -237,7 +245,10 @@ export default {
|
||||
const cancelChip = () => {
|
||||
context.emit("cancelChip")
|
||||
}
|
||||
return { Type, Lang, downBet, confirmChip, cancelChip }
|
||||
const undoChip = () => {
|
||||
context.emit("undoChip")
|
||||
}
|
||||
return { Type, Lang, downBet, confirmChip, cancelChip, undoChip }
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -8,6 +8,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.amount_player_1_banker_times,
|
||||
show: touch == 'amount_player_1_banker_times',
|
||||
@ -35,6 +36,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.amount_player_1_banker,
|
||||
show: touch == 'amount_player_1_banker'
|
||||
@ -58,6 +60,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.amount_player_1_times,
|
||||
show: touch == 'amount_player_1_times',
|
||||
@ -83,6 +86,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.amount_player_1,
|
||||
show: touch == 'amount_player_1'
|
||||
@ -110,6 +114,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.amount_player_2_banker_times,
|
||||
show: touch == 'amount_player_2_banker_times',
|
||||
@ -137,6 +142,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.amount_player_2_banker,
|
||||
show: touch == 'amount_player_2_banker'
|
||||
@ -162,6 +168,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.amount_player_2_times,
|
||||
show: touch == 'amount_player_2_times',
|
||||
@ -187,6 +194,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.amount_player_2,
|
||||
show: touch == 'amount_player_2'
|
||||
@ -214,6 +222,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.amount_player_3_banker_times,
|
||||
show: touch == 'amount_player_3_banker_times',
|
||||
@ -242,6 +251,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.amount_player_3_banker,
|
||||
show: touch == 'amount_player_3_banker'
|
||||
@ -265,6 +275,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.amount_player_3_times,
|
||||
show: touch == 'amount_player_3_times',
|
||||
@ -290,6 +301,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.amount_player_3,
|
||||
show: touch == 'amount_player_3'
|
||||
@ -364,7 +376,10 @@ export default {
|
||||
const cancelChip = () => {
|
||||
context.emit("cancelChip")
|
||||
}
|
||||
return { Type, Lang, downBet, confirmChip, cancelChip }
|
||||
const undoChip = () => {
|
||||
context.emit("undoChip")
|
||||
}
|
||||
return { Type, Lang, downBet, confirmChip, cancelChip, undoChip }
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -7,6 +7,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.small,
|
||||
show: touch == 'small'
|
||||
@ -31,6 +32,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_11,
|
||||
show: touch == 'two_11'
|
||||
@ -52,6 +54,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_22,
|
||||
show: touch == 'two_22'
|
||||
@ -73,6 +76,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_33,
|
||||
show: touch == 'two_33'
|
||||
@ -97,6 +101,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.three_111,
|
||||
show: touch == 'three_111'
|
||||
@ -119,6 +124,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.three_222,
|
||||
show: touch == 'three_222'
|
||||
@ -141,6 +147,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.three_333,
|
||||
show: touch == 'three_333'
|
||||
@ -166,6 +173,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.leopard,
|
||||
show: touch == 'leopard'
|
||||
@ -222,6 +230,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.three_444,
|
||||
show: touch == 'three_444'
|
||||
@ -244,6 +253,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.three_555,
|
||||
show: touch == 'three_555'
|
||||
@ -266,6 +276,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.three_666,
|
||||
show: touch == 'three_666'
|
||||
@ -291,6 +302,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_44,
|
||||
show: touch == 'two_44'
|
||||
@ -312,6 +324,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_55,
|
||||
show: touch == 'two_55'
|
||||
@ -333,6 +346,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_66,
|
||||
show: touch == 'two_66'
|
||||
@ -354,6 +368,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.big,
|
||||
show: touch == 'big'
|
||||
@ -378,6 +393,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.number_4,
|
||||
show: touch == 'number_4'
|
||||
@ -399,6 +415,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.number_5,
|
||||
show: touch == 'number_5'
|
||||
@ -420,6 +437,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.number_6,
|
||||
show: touch == 'number_6'
|
||||
@ -441,6 +459,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.number_7,
|
||||
show: touch == 'number_7'
|
||||
@ -462,6 +481,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.number_8,
|
||||
show: touch == 'number_8'
|
||||
@ -483,6 +503,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.number_9,
|
||||
show: touch == 'number_9'
|
||||
@ -504,6 +525,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.number_10,
|
||||
show: touch == 'number_10'
|
||||
@ -525,6 +547,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.number_11,
|
||||
show: touch == 'number_11'
|
||||
@ -546,6 +569,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.number_12,
|
||||
show: touch == 'number_12'
|
||||
@ -567,6 +591,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.number_13,
|
||||
show: touch == 'number_13'
|
||||
@ -588,6 +613,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.number_14,
|
||||
show: touch == 'number_14'
|
||||
@ -609,6 +635,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.number_15,
|
||||
show: touch == 'number_15'
|
||||
@ -630,6 +657,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.number_16,
|
||||
show: touch == 'number_16'
|
||||
@ -651,6 +679,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.number_17,
|
||||
show: touch == 'number_17'
|
||||
@ -674,6 +703,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_12,
|
||||
show: touch == 'two_12'
|
||||
@ -695,6 +725,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_13,
|
||||
show: touch == 'two_13'
|
||||
@ -716,6 +747,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_14,
|
||||
show: touch == 'two_14'
|
||||
@ -737,6 +769,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_15,
|
||||
show: touch == 'two_15'
|
||||
@ -758,6 +791,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_16,
|
||||
show: touch == 'two_16'
|
||||
@ -779,6 +813,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_23,
|
||||
show: touch == 'two_23'
|
||||
@ -800,6 +835,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_24,
|
||||
show: touch == 'two_24'
|
||||
@ -821,6 +857,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_25,
|
||||
show: touch == 'two_25'
|
||||
@ -842,6 +879,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_26,
|
||||
show: touch == 'two_26'
|
||||
@ -863,6 +901,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_34,
|
||||
show: touch == 'two_34'
|
||||
@ -884,6 +923,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_35,
|
||||
show: touch == 'two_35'
|
||||
@ -905,6 +945,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_36,
|
||||
show: touch == 'two_36'
|
||||
@ -926,6 +967,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_45,
|
||||
show: touch == 'two_45'
|
||||
@ -947,6 +989,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_46,
|
||||
show: touch == 'two_46'
|
||||
@ -968,6 +1011,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.two_56,
|
||||
show: touch == 'two_56'
|
||||
@ -992,6 +1036,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.singular,
|
||||
show: touch == 'singular'
|
||||
@ -1015,6 +1060,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.living_1,
|
||||
show: touch == 'living_1'
|
||||
@ -1035,6 +1081,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.living_2,
|
||||
show: touch == 'living_2'
|
||||
@ -1055,6 +1102,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.living_3,
|
||||
show: touch == 'living_3'
|
||||
@ -1075,6 +1123,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.living_4,
|
||||
show: touch == 'living_4'
|
||||
@ -1095,6 +1144,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.living_5,
|
||||
show: touch == 'living_5'
|
||||
@ -1115,6 +1165,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.living_6,
|
||||
show: touch == 'living_6'
|
||||
@ -1142,6 +1193,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.plural,
|
||||
show: touch == 'plural'
|
||||
@ -1210,7 +1262,10 @@ export default {
|
||||
const cancelChip = () => {
|
||||
context.emit("cancelChip")
|
||||
}
|
||||
return { Type, Lang, downBet, confirmChip, cancelChip }
|
||||
const undoChip = () => {
|
||||
context.emit("undoChip")
|
||||
}
|
||||
return { Type, Lang, downBet, confirmChip, cancelChip, undoChip }
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -6,6 +6,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.banker_amount,
|
||||
show: touch == 'banker_amount'
|
||||
@ -27,6 +28,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{ money: downChip.tie_amount, show: touch == 'tie_amount' }"
|
||||
></confirmBet>
|
||||
<chipView
|
||||
@ -45,6 +47,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.player_amount,
|
||||
show: touch == 'player_amount'
|
||||
@ -117,7 +120,10 @@ export default {
|
||||
const cancelChip = () => {
|
||||
context.emit("cancelChip")
|
||||
}
|
||||
return { Type, Lang, downBet, confirmChip, cancelChip }
|
||||
const undoChip = () => {
|
||||
context.emit("undoChip")
|
||||
}
|
||||
return { Type, Lang, downBet, confirmChip, cancelChip, undoChip }
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -7,6 +7,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_0,
|
||||
show: touch == 'straight_0'
|
||||
@ -29,6 +30,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_3,
|
||||
show: touch == 'straight_3'
|
||||
@ -48,6 +50,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_6,
|
||||
show: touch == 'straight_6'
|
||||
@ -67,6 +70,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_9,
|
||||
show: touch == 'straight_9'
|
||||
@ -86,6 +90,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_12,
|
||||
show: touch == 'straight_12'
|
||||
@ -105,6 +110,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_15,
|
||||
show: touch == 'straight_15'
|
||||
@ -124,6 +130,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_18,
|
||||
show: touch == 'straight_18'
|
||||
@ -143,6 +150,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_21,
|
||||
show: touch == 'straight_21'
|
||||
@ -162,6 +170,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_24,
|
||||
show: touch == 'straight_24'
|
||||
@ -181,6 +190,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_27,
|
||||
show: touch == 'straight_27'
|
||||
@ -200,6 +210,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_30,
|
||||
show: touch == 'straight_30'
|
||||
@ -219,6 +230,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_33,
|
||||
show: touch == 'straight_33'
|
||||
@ -238,6 +250,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_36,
|
||||
show: touch == 'straight_36'
|
||||
@ -259,6 +272,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_2,
|
||||
show: touch == 'straight_2'
|
||||
@ -278,6 +292,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_5,
|
||||
show: touch == 'straight_5'
|
||||
@ -297,6 +312,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_8,
|
||||
show: touch == 'straight_8'
|
||||
@ -316,6 +332,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_11,
|
||||
show: touch == 'straight_11'
|
||||
@ -335,6 +352,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_14,
|
||||
show: touch == 'straight_14'
|
||||
@ -354,6 +372,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_17,
|
||||
show: touch == 'straight_17'
|
||||
@ -373,6 +392,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_20,
|
||||
show: touch == 'straight_20'
|
||||
@ -392,6 +412,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_23,
|
||||
show: touch == 'straight_23'
|
||||
@ -411,6 +432,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_26,
|
||||
show: touch == 'straight_26'
|
||||
@ -430,6 +452,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_29,
|
||||
show: touch == 'straight_29'
|
||||
@ -449,6 +472,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_32,
|
||||
show: touch == 'straight_32'
|
||||
@ -468,6 +492,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_35,
|
||||
show: touch == 'straight_35'
|
||||
@ -489,6 +514,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_1,
|
||||
show: touch == 'straight_1'
|
||||
@ -508,6 +534,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_4,
|
||||
show: touch == 'straight_4'
|
||||
@ -527,6 +554,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_7,
|
||||
show: touch == 'straight_7'
|
||||
@ -546,6 +574,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_10,
|
||||
show: touch == 'straight_10'
|
||||
@ -565,6 +594,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_13,
|
||||
show: touch == 'straight_13'
|
||||
@ -584,6 +614,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_16,
|
||||
show: touch == 'straight_16'
|
||||
@ -603,6 +634,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_19,
|
||||
show: touch == 'straight_19'
|
||||
@ -622,6 +654,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_22,
|
||||
show: touch == 'straight_22'
|
||||
@ -641,6 +674,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_25,
|
||||
show: touch == 'straight_25'
|
||||
@ -660,6 +694,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_28,
|
||||
show: touch == 'straight_28'
|
||||
@ -679,6 +714,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_31,
|
||||
show: touch == 'straight_31'
|
||||
@ -698,6 +734,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_34,
|
||||
show: touch == 'straight_34'
|
||||
@ -719,6 +756,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.dozen_1,
|
||||
show: touch == 'dozen_1'
|
||||
@ -739,6 +777,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.dozen_2,
|
||||
show: touch == 'dozen_2'
|
||||
@ -759,6 +798,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.dozen_3,
|
||||
show: touch == 'dozen_3'
|
||||
@ -781,6 +821,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.low,
|
||||
show: touch == 'low'
|
||||
@ -801,6 +842,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.even,
|
||||
show: touch == 'even'
|
||||
@ -820,6 +862,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.red,
|
||||
show: touch == 'red'
|
||||
@ -839,6 +882,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.black,
|
||||
show: touch == 'black'
|
||||
@ -858,6 +902,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.odd,
|
||||
show: touch == 'odd'
|
||||
@ -877,6 +922,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.high,
|
||||
show: touch == 'high'
|
||||
@ -900,6 +946,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.column_3,
|
||||
show: touch == 'column_3'
|
||||
@ -919,6 +966,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.column_2,
|
||||
show: touch == 'column_2'
|
||||
@ -938,6 +986,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.column_1,
|
||||
show: touch == 'column_1'
|
||||
@ -1006,11 +1055,14 @@ export default {
|
||||
const cancelChip = () => {
|
||||
context.emit("cancelChip")
|
||||
}
|
||||
const undoChip = () => {
|
||||
context.emit("undoChip")
|
||||
}
|
||||
|
||||
const testClick = () => {
|
||||
console.log("点击有效")
|
||||
}
|
||||
return { Type, Lang, downBet, confirmChip, cancelChip, testClick }
|
||||
return { Type, Lang, downBet, confirmChip, cancelChip, undoChip, testClick }
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -8,6 +8,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_24,
|
||||
show: touch == 'straight_24'
|
||||
@ -27,6 +28,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_16,
|
||||
show: touch == 'straight_16'
|
||||
@ -46,6 +48,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_33,
|
||||
show: touch == 'straight_33'
|
||||
@ -65,6 +68,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_1,
|
||||
show: touch == 'straight_1'
|
||||
@ -84,6 +88,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_20,
|
||||
show: touch == 'straight_20'
|
||||
@ -103,6 +108,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_14,
|
||||
show: touch == 'straight_14'
|
||||
@ -122,6 +128,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_31,
|
||||
show: touch == 'straight_31'
|
||||
@ -141,6 +148,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_9,
|
||||
show: touch == 'straight_9'
|
||||
@ -160,6 +168,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_22,
|
||||
show: touch == 'straight_22'
|
||||
@ -179,6 +188,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_18,
|
||||
show: touch == 'straight_18'
|
||||
@ -198,6 +208,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_29,
|
||||
show: touch == 'straight_29'
|
||||
@ -217,6 +228,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_7,
|
||||
show: touch == 'straight_7'
|
||||
@ -236,6 +248,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_28,
|
||||
show: touch == 'straight_28'
|
||||
@ -255,6 +268,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_12,
|
||||
show: touch == 'straight_12'
|
||||
@ -274,6 +288,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_35,
|
||||
show: touch == 'straight_35'
|
||||
@ -296,6 +311,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_5,
|
||||
show: touch == 'straight_5'
|
||||
@ -315,6 +331,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_10,
|
||||
show: touch == 'straight_10'
|
||||
@ -334,6 +351,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_23,
|
||||
show: touch == 'straight_23'
|
||||
@ -353,6 +371,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_8,
|
||||
show: touch == 'straight_8'
|
||||
@ -379,6 +398,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.theThird,
|
||||
show: touch == 'theThird'
|
||||
@ -397,6 +417,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.orphans,
|
||||
show: touch == 'orphans'
|
||||
@ -419,6 +440,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.neighborsOfZero,
|
||||
show: touch == 'neighborsOfZero'
|
||||
@ -444,6 +466,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.zeroGame,
|
||||
show: touch == 'zeroGame'
|
||||
@ -463,6 +486,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_3,
|
||||
show: touch == 'straight_3'
|
||||
@ -482,6 +506,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_26,
|
||||
show: touch == 'straight_26'
|
||||
@ -501,6 +526,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_0,
|
||||
show: touch == 'straight_0'
|
||||
@ -523,6 +549,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_30,
|
||||
show: touch == 'straight_30'
|
||||
@ -542,6 +569,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_11,
|
||||
show: touch == 'straight_11'
|
||||
@ -561,6 +589,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_36,
|
||||
show: touch == 'straight_36'
|
||||
@ -580,6 +609,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_13,
|
||||
show: touch == 'straight_13'
|
||||
@ -599,6 +629,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_27,
|
||||
show: touch == 'straight_27'
|
||||
@ -618,6 +649,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_6,
|
||||
show: touch == 'straight_6'
|
||||
@ -637,6 +669,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_34,
|
||||
show: touch == 'straight_34'
|
||||
@ -656,6 +689,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_17,
|
||||
show: touch == 'straight_17'
|
||||
@ -675,6 +709,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_25,
|
||||
show: touch == 'straight_25'
|
||||
@ -694,6 +729,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_2,
|
||||
show: touch == 'straight_2'
|
||||
@ -713,6 +749,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_21,
|
||||
show: touch == 'straight_21'
|
||||
@ -732,6 +769,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_4,
|
||||
show: touch == 'straight_4'
|
||||
@ -751,6 +789,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_19,
|
||||
show: touch == 'straight_19'
|
||||
@ -770,6 +809,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_15,
|
||||
show: touch == 'straight_15'
|
||||
@ -789,6 +829,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.straight_32,
|
||||
show: touch == 'straight_32'
|
||||
@ -862,11 +903,14 @@ export default {
|
||||
const cancelChip = () => {
|
||||
context.emit("cancelChip")
|
||||
}
|
||||
const undoChip = () => {
|
||||
context.emit("undoChip")
|
||||
}
|
||||
|
||||
const testClick = () => {
|
||||
// console.log("点击有效")
|
||||
}
|
||||
return { Type, Lang, downBet, confirmChip, cancelChip, testClick }
|
||||
return { Type, Lang, downBet, confirmChip, cancelChip, undoChip, testClick }
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -6,6 +6,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.toning_zero,
|
||||
show: touch == 'toning_zero'
|
||||
@ -32,6 +33,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.toning_plural,
|
||||
show: touch == 'toning_plural'
|
||||
@ -53,6 +55,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.toning_singular,
|
||||
show: touch == 'toning_singular'
|
||||
@ -74,6 +77,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.toning_four,
|
||||
show: touch == 'toning_four'
|
||||
@ -102,6 +106,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.toning_one,
|
||||
show: touch == 'toning_one'
|
||||
@ -128,6 +133,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.toning_small,
|
||||
show: touch == 'toning_small'
|
||||
@ -149,6 +155,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.toning_big,
|
||||
show: touch == 'toning_big'
|
||||
@ -170,6 +177,7 @@
|
||||
<confirmBet
|
||||
@confirm="confirmChip"
|
||||
@cancel="cancelChip"
|
||||
@undo="undoChip"
|
||||
:data="{
|
||||
money: downChip.toning_three,
|
||||
show: touch == 'toning_three'
|
||||
@ -243,7 +251,10 @@ export default {
|
||||
const cancelChip = () => {
|
||||
context.emit("cancelChip")
|
||||
}
|
||||
return { Type, Lang, downBet, confirmChip, cancelChip }
|
||||
const undoChip = () => {
|
||||
context.emit("undoChip")
|
||||
}
|
||||
return { Type, Lang, downBet, confirmChip, cancelChip, undoChip }
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -498,4 +498,71 @@ $gold: #c5a059;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* 竖屏模式下，路单内容适配 */
|
||||
@media screen and (orientation: portrait) {
|
||||
.playway.playway {
|
||||
display: flex !important;
|
||||
flex-direction: row !important;
|
||||
align-items: stretch !important;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
|
||||
.canvas-box.canvas-box {
|
||||
flex: 1 !important;
|
||||
min-width: 0 !important;
|
||||
width: auto !important;
|
||||
height: 100% !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.btn-box.btn-box {
|
||||
flex: none !important;
|
||||
width: 150px !important;
|
||||
height: 100% !important;
|
||||
margin: 0 !important;
|
||||
border-left: 1px solid #444 !important;
|
||||
flex-direction: column !important;
|
||||
|
||||
.left,
|
||||
.right {
|
||||
flex: 1 !important;
|
||||
flex-direction: column !important;
|
||||
justify-content: space-evenly !important;
|
||||
}
|
||||
}
|
||||
|
||||
.totle-box.totle-box {
|
||||
flex: none !important;
|
||||
width: 100px !important;
|
||||
height: 100% !important;
|
||||
margin: 0 !important;
|
||||
border-left: 1px solid #444 !important;
|
||||
|
||||
.list.list {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
font-size: 0.22rem !important;
|
||||
padding: 0.06rem 0.08rem !important;
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
justify-content: space-evenly !important;
|
||||
align-items: flex-start !important;
|
||||
|
||||
.item {
|
||||
width: 100% !important;
|
||||
margin: 0.01rem 0 !important;
|
||||
|
||||
.lab {
|
||||
font-size: 0.2rem !important;
|
||||
}
|
||||
|
||||
.num {
|
||||
font-size: 0.22rem !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1057,4 +1057,5 @@ export default {
|
||||
.poker-box.pt_nn .list .role {
|
||||
transform: rotateX(0deg);
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@ -1,7 +1,11 @@
|
||||
<template>
|
||||
<div class="touch-view" :class="{ pointer: !data.show }">
|
||||
<!-- 红色边框高亮效果 -->
|
||||
<div class="highlight-border" v-if="data.show"></div>
|
||||
|
||||
<div class="btn-box" v-if="data.show">
|
||||
<span class="cancel btn" @click.stop="cancel"></span>
|
||||
<span class="undo btn" @click.stop="undo"></span>
|
||||
<span class="confirm btn" @click.stop="confirm"></span>
|
||||
</div>
|
||||
<div
|
||||
@ -48,11 +52,16 @@ export default {
|
||||
const cancel = () => {
|
||||
emit("cancel")
|
||||
}
|
||||
// 撤销上一步
|
||||
const undo = () => {
|
||||
emit("undo")
|
||||
}
|
||||
return {
|
||||
Type,
|
||||
Lang,
|
||||
confirm,
|
||||
cancel,
|
||||
undo,
|
||||
props
|
||||
}
|
||||
}
|
||||
@ -61,19 +70,36 @@ export default {
|
||||
<style lang="scss" scoped>
|
||||
/* 深色豪华主题配色 */
|
||||
$gold: #c5a059;
|
||||
$red-highlight: #ff3b3b;
|
||||
|
||||
.pointer {
|
||||
pointer-events: none;
|
||||
}
|
||||
.touch-view {
|
||||
position: absolute;
|
||||
width: 2 * 1.35rem;
|
||||
width: 3.5rem;
|
||||
z-index: 99;
|
||||
left: 50%;
|
||||
bottom: 80%;
|
||||
transform: translateX(-50%);
|
||||
text-align: center;
|
||||
height: 1rem;
|
||||
|
||||
/* 红色边框高亮效果 */
|
||||
.highlight-border {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: calc(100% + 0.4rem);
|
||||
height: calc(100% + 1.8rem);
|
||||
border: 3px solid $red-highlight;
|
||||
border-radius: 0.2rem;
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
animation: pulse-border 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.num {
|
||||
background: rgba(197, 160, 89, 0.9);
|
||||
border-radius: 1rem;
|
||||
@ -87,20 +113,60 @@ $gold: #c5a059;
|
||||
.btn-box {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: 0.05rem;
|
||||
gap: 0.15rem;
|
||||
|
||||
.btn {
|
||||
width: 0.95 * 1.35rem;
|
||||
height: 0.95 * 1.35rem;
|
||||
background: url("~@/assets/images/sprite_btn.png");
|
||||
background-size: 2.2 * 1.35rem auto;
|
||||
cursor: pointer;
|
||||
transition: transform 0.1s ease;
|
||||
|
||||
&:active {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
|
||||
/* 取消按钮 - 红色 X */
|
||||
&.cancel {
|
||||
background-position: -0.07 * 1.35rem -0.04 * 1.35rem;
|
||||
&:active {
|
||||
background-position: -1.18 * 1.35rem -0.04 * 1.35rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* 撤销按钮 - 橙色箭头 */
|
||||
&.undo {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
background: linear-gradient(135deg, #ff9a3d 0%, #ff6b3d 100%);
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 2px 8px rgba(255, 107, 61, 0.5);
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 0.5rem;
|
||||
height: 0.5rem;
|
||||
border-left: 3px solid #fff;
|
||||
border-bottom: 3px solid #fff;
|
||||
transform: translate(-40%, -50%) rotate(45deg);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: linear-gradient(135deg, #e88935 0%, #e85f35 100%);
|
||||
box-shadow: 0 1px 4px rgba(255, 107, 61, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
/* 确认按钮 - 绿色勾 */
|
||||
&.confirm {
|
||||
margin-left: 0.1rem;
|
||||
background-position: -0.05 * 1.35rem -1.14 * 1.35rem;
|
||||
&:active {
|
||||
background-position: -1.17 * 1.35rem -1.13 * 1.35rem;
|
||||
@ -109,4 +175,17 @@ $gold: #c5a059;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* 红色边框脉冲动画 */
|
||||
@keyframes pulse-border {
|
||||
0%,
|
||||
100% {
|
||||
opacity: 0.8;
|
||||
border-color: $red-highlight;
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
border-color: lighten($red-highlight, 10%);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user