diff --git a/src/components/PlayTable/TableBaccarat.vue b/src/components/PlayTable/TableBaccarat.vue index e0948db3..0888a067 100644 --- a/src/components/PlayTable/TableBaccarat.vue +++ b/src/components/PlayTable/TableBaccarat.vue @@ -412,6 +412,9 @@ $text-green: #22ac38; gap: 2px; z-index: 100; pointer-events: none; + max-width: 95%; /* 防止溢出格子 */ + overflow: hidden; + text-overflow: ellipsis; .coin-icon { width: 8px; diff --git a/src/components/PlayTable/TableBullbull.vue b/src/components/PlayTable/TableBullbull.vue index fbe82de0..7dfd2e40 100644 --- a/src/components/PlayTable/TableBullbull.vue +++ b/src/components/PlayTable/TableBullbull.vue @@ -310,6 +310,9 @@ $text-red: #f56c6c; gap: 2px; z-index: 100; pointer-events: none; + max-width: 95%; /* 防止溢出格子 */ + overflow: hidden; + text-overflow: ellipsis; .coin-icon { width: 8px; @@ -347,4 +350,23 @@ $text-red: #f56c6c; .player-section:first-child .bet-cell:first-child :deep(.touch-view .btn-box) { transform: translateX(30%); } + +/* 边缘cell的confirmBet预扣金额偏移,防止超出屏幕(与icon按钮同理) */ +.player-section:last-child .bet-cell:last-child :deep(.touch-view .num) { + transform: translateX(-30%); +} +.player-section:first-child .bet-cell:first-child :deep(.touch-view .num) { + transform: translateX(30%); +} + +/* 边缘cell的金额标签偏移,防止超出屏幕(与icon按钮同理) */ +.player-section:first-child .bet-cell:first-child .cell-content > .money { + left: 0; + transform: translateX(0); +} +.player-section:last-child .bet-cell:last-child .cell-content > .money { + left: auto; + right: 0; + transform: translateX(0); +} diff --git a/src/components/PlayTable/TableDice.vue b/src/components/PlayTable/TableDice.vue index d01cdcd6..6318373b 100644 --- a/src/components/PlayTable/TableDice.vue +++ b/src/components/PlayTable/TableDice.vue @@ -1348,12 +1348,13 @@ export default { position: absolute; font-size: 0.24rem; font-weight: normal; - left: -3px; + left: 0px; bottom: -3px; transform: scale(0.5); pointer-events: none; color: #ddd; vertical-align: bottom; + z-index: 10; /* 确保金额在筹码上方 */ &::before { display: inline-block; content: "总"; diff --git a/src/components/PlayTable/TableLonghu.vue b/src/components/PlayTable/TableLonghu.vue index d4ee0185..0149ec99 100644 --- a/src/components/PlayTable/TableLonghu.vue +++ b/src/components/PlayTable/TableLonghu.vue @@ -179,13 +179,13 @@ $text-green: #22ac38; box-shadow: 0 4px 6px rgba(0,0,0,0.3); &.dragon-cell { - border-color: $text-blue; - box-shadow: 0 0 10px rgba(64, 158, 255, 0.3); + border-color: $text-red; + box-shadow: 0 0 10px rgba(245, 108, 108, 0.3); } &.tiger-cell { - border-color: $text-red; - box-shadow: 0 0 10px rgba(245, 108, 108, 0.3); + border-color: $text-blue; + box-shadow: 0 0 10px rgba(64, 158, 255, 0.3); } &.tie-cell { @@ -222,8 +222,8 @@ $text-green: #22ac38; font-weight: bold; text-shadow: 0 1px 2px #000, 0 0 5px currentColor; - &.dragon { color: $text-blue; } - &.tiger { color: $text-red; } + &.dragon { color: $text-red; } + &.tiger { color: $text-blue; } &.tie { color: $text-green; } } } @@ -252,6 +252,9 @@ $text-green: #22ac38; gap: 2px; z-index: 100; pointer-events: none; + max-width: 95%; /* 防止溢出格子 */ + overflow: hidden; + text-overflow: ellipsis; .coin-icon { width: 8px; diff --git a/src/components/PlayTable/TableRouletteEuropean.vue b/src/components/PlayTable/TableRouletteEuropean.vue index 63b0a69a..d92b8b71 100644 --- a/src/components/PlayTable/TableRouletteEuropean.vue +++ b/src/components/PlayTable/TableRouletteEuropean.vue @@ -1270,12 +1270,13 @@ export default { position: absolute; font-size: 0.24rem; font-weight: normal; - left: -3px; + left: 0px; bottom: -3px; transform: scale(0.5); pointer-events: none; color: #ddd; vertical-align: bottom; + z-index: 10; /* 确保金额在筹码上方 */ &::before { display: inline-block; content: "总"; diff --git a/src/components/PlayTable/TableRouletteFrench.vue b/src/components/PlayTable/TableRouletteFrench.vue index 45e41e81..40c34bfc 100644 --- a/src/components/PlayTable/TableRouletteFrench.vue +++ b/src/components/PlayTable/TableRouletteFrench.vue @@ -1351,12 +1351,13 @@ export default { position: absolute; font-size: 0.24rem; font-weight: normal; - left: -3px; + left: 0px; bottom: -3px; transform: scale(0.5); pointer-events: none; color: #ddd; vertical-align: bottom; + z-index: 10; /* 确保金额在筹码上方 */ &::before { display: inline-block; content: "总"; diff --git a/src/components/PlayTable/TableToning.vue b/src/components/PlayTable/TableToning.vue index 831f26c8..adea016f 100644 --- a/src/components/PlayTable/TableToning.vue +++ b/src/components/PlayTable/TableToning.vue @@ -367,6 +367,7 @@ $text-secondary: #888; color: $text-secondary; vertical-align: bottom; pointer-events: none; + z-index: 10; /* 确保金额在筹码上方 */ &::before { display: inline-block; content: "总"; diff --git a/src/views/play.vue b/src/views/play.vue index 8e37b398..2707165e 100644 --- a/src/views/play.vue +++ b/src/views/play.vue @@ -1430,12 +1430,14 @@ $gold: #c5a059; top: 10px; left: 10px; z-index: 2005; /* Highest priority */ - width: 30px; - height: 30px; + width: 36px; + height: 36px; background-image: url("~@/assets/images/icon/back.png"); background-size: contain; background-repeat: no-repeat; background-position: center; + /* 亮白色滤镜,让返回键更显眼 */ + filter: brightness(0) invert(1) drop-shadow(0 0 4px rgba(255, 255, 255, 0.8)); } /* Overlay Camera Icon */