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

revert: 回滚问路面板相关修改，恢复原始布局

Browse Source
This commit is contained in:
li 2026-02-11 02:24:21 +08:00
parent 8378fd0c5f
commit 6e6cd9772b
2 changed files with 83 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

146
src/components/PlayWay.vue
View File

@ -56,27 +56,36 @@
<div class="road-box-container"> <div class="road-box-container">
<div class="road-box"> <div class="road-box">
<canvas class="canvas" ref="refItem"></canvas> <canvas class="canvas" ref="refItem"></canvas>
</div>
</div> <!-- Ask Way Overlay (Bottom Right) -->
<!-- 问路栏 --> <div class="ask-panel" v-if="[1,2].includes(tableData.game_id)">
<div class="ask-bar" v-if="[1,2].includes(tableData.game_id)"> <div class="ask-group banker" @click="askWay('banker')">
<div class="ask-group" @click="askWay('banker')"> <div class="ask-title text-red">{{ Lang[Type].askbanker }}</div>
<span class="ask-label text-red">{{ Lang[Type].askbanker }}</span> <div class="ask-icons">
<span class="dot hollow red" v-if="autoaskData.BbigEyeRoadisshow && autoaskData.BbigEyeRoadcolor == 'red'"></span> <span class="dot hollow red" v-if="autoaskData.BbigEyeRoadisshow && autoaskData.BbigEyeRoadcolor == 'red'"></span>
<span class="dot hollow blue" v-if="autoaskData.BbigEyeRoadisshow && autoaskData.BbigEyeRoadcolor == 'blue'"></span> <span class="dot hollow blue" v-if="autoaskData.BbigEyeRoadisshow && autoaskData.BbigEyeRoadcolor == 'blue'"></span>
<span class="dot solid red" v-if="autoaskData.Bpathwayisshow && autoaskData.Bpathwaycolor == 'red'"></span>
<span class="dot solid blue" v-if="autoaskData.Bpathwayisshow && autoaskData.Bpathwaycolor == 'blue'"></span> <span class="dot solid red" v-if="autoaskData.Bpathwayisshow && autoaskData.Bpathwaycolor == 'red'"></span>
<span class="dot slash red" v-if="autoaskData.Broachisshow && autoaskData.Broachcolor == 'red'"></span> <span class="dot solid blue" v-if="autoaskData.Bpathwayisshow && autoaskData.Bpathwaycolor == 'blue'"></span>
<span class="dot slash blue" v-if="autoaskData.Broachisshow && autoaskData.Broachcolor == 'blue'"></span>
</div> <span class="dot slash red" v-if="autoaskData.Broachisshow && autoaskData.Broachcolor == 'red'"></span>
<div class="ask-group" @click="askWay('player')"> <span class="dot slash blue" v-if="autoaskData.Broachisshow && autoaskData.Broachcolor == 'blue'"></span>
<span class="ask-label text-blue">{{ Lang[Type].askplayer }}</span> </div>
<span class="dot hollow red" v-if="autoaskData.PbigEyeRoadisshow && autoaskData.PbigEyeRoadcolor == 'red'"></span> </div>
<span class="dot hollow blue" v-if="autoaskData.PbigEyeRoadisshow && autoaskData.PbigEyeRoadcolor == 'blue'"></span> <div class="ask-group player" @click="askWay('player')">
<span class="dot solid red" v-if="autoaskData.Ppathwayisshow && autoaskData.Ppathwaycolor == 'red'"></span> <div class="ask-title text-blue">{{ Lang[Type].askplayer }}</div>
<span class="dot solid blue" v-if="autoaskData.Ppathwayisshow && autoaskData.Ppathwaycolor == 'blue'"></span> <div class="ask-icons">
<span class="dot slash red" v-if="autoaskData.Proachisshow && autoaskData.Proachcolor == 'red'"></span> <span class="dot hollow red" v-if="autoaskData.PbigEyeRoadisshow && autoaskData.PbigEyeRoadcolor == 'red'"></span>
<span class="dot slash blue" v-if="autoaskData.Proachisshow && autoaskData.Proachcolor == 'blue'"></span> <span class="dot hollow blue" v-if="autoaskData.PbigEyeRoadisshow && autoaskData.PbigEyeRoadcolor == 'blue'"></span>
<span class="dot solid red" v-if="autoaskData.Ppathwayisshow && autoaskData.Ppathwaycolor == 'red'"></span>
<span class="dot solid blue" v-if="autoaskData.Ppathwayisshow && autoaskData.Ppathwaycolor == 'blue'"></span>
<span class="dot slash red" v-if="autoaskData.Proachisshow && autoaskData.Proachcolor == 'red'"></span>
<span class="dot slash blue" v-if="autoaskData.Proachisshow && autoaskData.Proachcolor == 'blue'"></span>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -263,63 +272,72 @@ export default {
} }
/* Ask Panel - Integrated into grid (bottom 3 rows, far right) */ /* 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; display: flex;
justify-content: flex-end; background: #fff;
align-items: center; border-left: 1px solid #eee;
gap: 12px; border-top: 1px solid #eee;
padding: 3px 10px; z-index: 10;
background: #f5f5f5;
border-top: 1px solid #e0e0e0;
.ask-group { .ask-group {
flex: 1;
display: flex; display: flex;
flex-direction: column;
align-items: center; align-items: center;
gap: 4px; justify-content: center;
cursor: pointer; cursor: pointer;
.ask-label { &.banker {
font-size: 11px; border-right: 1px solid #f5f5f5;
font-weight: 600;
margin-right: 2px;
} }
.dot { .ask-title {
display: inline-block; font-size: 11px !important;
&.solid { font-weight: 500;
width: 10px; color: #333;
height: 10px; margin-bottom: 2px;
border-radius: 50%; white-space: nowrap;
&.red { background: #e40000; } }
&.blue { background: #0056ee; }
} .ask-icons {
&.hollow { display: flex;
width: 9px; gap: 4px;
height: 9px; align-items: center;
border-radius: 50%;
border: 2px solid; .dot {
&.red { border-color: #e40000; } display: inline-block;
&.blue { border-color: #0056ee; } &.solid {
} width: 10px;
&.slash { height: 10px;
width: 9px; border-radius: 50%;
height: 9px; &.red { background: #e40000; }
position: relative; &.blue { background: #0056ee; }
&::before { }
content: ''; &.hollow {
position: absolute; width: 8px;
top: 0; left: 50%; height: 8px;
width: 2px; border-radius: 50%;
height: 100%; border: 1.5px solid;
transform: rotate(45deg); &.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; }
} }
} }
} }
} }
} }
} }

2
src/views/play.vue
View File

@ -1092,10 +1092,8 @@ export default {
break break
case "startBetCountDown": //倒计时 case "startBetCountDown": //倒计时
if (data.count_down == 10) { if (data.count_down == 10) {
console.log('[DEBUG] 播放 last_10_seconds')
audioMp3(["last_10_seconds"]).Play() audioMp3(["last_10_seconds"]).Play()
} else if (data.count_down < 9) { } else if (data.count_down < 9) {
console.log('[DEBUG] 播放 time')
audioMp3(["time"]).Play() audioMp3(["time"]).Play()
} }
break break