og/GamePortrait
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 返回键显眼度优化+龙虎字色互换+金额标签防裁切+牛牛作废功能

Browse Source 
1. 游戏页面返回键：放大至36px，添加亮白色滤镜+外发光阴影
2. 龙虎下注盘：龙字改红色、虎字改蓝色，边框阴影同步互换
3. 所有游戏金额标签防裁切：
   - 牛牛/百家乐/龙虎：加max-width:95%防溢出
   - 骰宝/轮盘：修正left:-3px→0px防左侧裁切
   - 所有游戏：加z-index确保金额在筹码上方
   - 牛牛边缘格子：金额和预扣标签偏移处理
4. 后端(Pro/Waybill.php)：新增牛牛作废本局retreated_nn()方法

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
li 2026-02-12 16:44:41 +08:00
parent 025289c43d
commit b326cffa95
8 changed files with 45 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/PlayTable/TableBaccarat.vue
View File

@ -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;

22
src/components/PlayTable/TableBullbull.vue
View File

@ -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);
}
</style>

3
src/components/PlayTable/TableDice.vue
View File

@ -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: "总";

15
src/components/PlayTable/TableLonghu.vue
View File

@ -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;

3
src/components/PlayTable/TableRouletteEuropean.vue
View File

@ -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: "总";

3
src/components/PlayTable/TableRouletteFrench.vue
View File

@ -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: "总";

1
src/components/PlayTable/TableToning.vue
View File

@ -367,6 +367,7 @@ $text-secondary: #888;
color: $text-secondary;
vertical-align: bottom;
pointer-events: none;
z-index: 10; /* 确保金额在筹码上方 */
&::before {
display: inline-block;
content: "总";

6
src/views/play.vue
View File

@ -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 */