diff --git a/src/components/PlayWay.vue b/src/components/PlayWay.vue
index 47d6fccf..a114f343 100644
--- a/src/components/PlayWay.vue
+++ b/src/components/PlayWay.vue
@@ -56,27 +56,36 @@
-
-
-
- {{ Lang[Type].askbanker }}
-
-
-
-
-
-
-
-
-
{{ Lang[Type].askplayer }}
-
-
-
-
-
-
+
+
+
+
+
{{ Lang[Type].askbanker }}
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ Lang[Type].askplayer }}
+
+
+
+
+
+
+
+
+
+
+
+
@@ -263,63 +272,72 @@ export default {
}
/* Ask Panel - Integrated into grid (bottom 3 rows, far right) */
- .ask-bar {
+ .ask-panel {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ width: 25%; /* Roughly 6/24 of width */
+ height: 50%; /* Covers bottom 3 rows (50% of 6 rows) */
display: flex;
- justify-content: flex-end;
- align-items: center;
- gap: 12px;
- padding: 3px 10px;
- background: #f5f5f5;
- border-top: 1px solid #e0e0e0;
+ background: #fff;
+ border-left: 1px solid #eee;
+ border-top: 1px solid #eee;
+ z-index: 10;
.ask-group {
+ flex: 1;
display: flex;
+ flex-direction: column;
align-items: center;
- gap: 4px;
+ justify-content: center;
cursor: pointer;
-
- .ask-label {
- font-size: 11px;
- font-weight: 600;
- margin-right: 2px;
+
+ &.banker {
+ border-right: 1px solid #f5f5f5;
}
- .dot {
- display: inline-block;
- &.solid {
- width: 10px;
- height: 10px;
- border-radius: 50%;
- &.red { background: #e40000; }
- &.blue { background: #0056ee; }
- }
- &.hollow {
- width: 9px;
- height: 9px;
- border-radius: 50%;
- border: 2px solid;
- &.red { border-color: #e40000; }
- &.blue { border-color: #0056ee; }
- }
- &.slash {
- width: 9px;
- height: 9px;
- position: relative;
- &::before {
- content: '';
- position: absolute;
- top: 0; left: 50%;
- width: 2px;
- height: 100%;
- transform: rotate(45deg);
+ .ask-title {
+ font-size: 11px !important;
+ font-weight: 500;
+ color: #333;
+ margin-bottom: 2px;
+ white-space: nowrap;
+ }
+
+ .ask-icons {
+ display: flex;
+ gap: 4px;
+ align-items: center;
+
+ .dot {
+ display: inline-block;
+ &.solid {
+ width: 10px;
+ height: 10px;
+ border-radius: 50%;
+ &.red { background: #e40000; }
+ &.blue { background: #0056ee; }
+ }
+ &.hollow {
+ width: 8px;
+ height: 8px;
+ border-radius: 50%;
+ border: 1.5px solid;
+ &.red { border-color: #e40000; }
+ &.blue { border-color: #0056ee; }
+ }
+ &.slash {
+ width: 2px;
+ height: 10px;
+ transform: rotate(-45deg);
+ border-radius: 1px;
+ &.red { background: #e40000; }
+ &.blue { background: #0056ee; }
}
- &.red::before { background: #e40000; }
- &.blue::before { background: #0056ee; }
}
}
}
}
-
}
}
diff --git a/src/views/play.vue b/src/views/play.vue
index f869f422..39ee241a 100644
--- a/src/views/play.vue
+++ b/src/views/play.vue
@@ -1092,10 +1092,8 @@ export default {
break
case "startBetCountDown": //倒计时
if (data.count_down == 10) {
- console.log('[DEBUG] 播放 last_10_seconds')
audioMp3(["last_10_seconds"]).Play()
} else if (data.count_down < 9) {
- console.log('[DEBUG] 播放 time')
audioMp3(["time"]).Play()
}
break