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

refactor: 问路栏独立放在路单底部，不遮挡路单不挤统计栏

Browse Source
This commit is contained in:
li 2026-02-11 02:20:41 +08:00
parent e453548f5c
commit 8378fd0c5f
1 changed files with 38 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
src/components/PlayWay.vue
View File

@ -30,27 +30,6 @@
<span class="badge black">{{ Lang[Type].game }}</span>
<span class="game-info">{{ tableData.number_tab_number || '0-0' }}</span>
</div>
<!-- 问路 -->
<div class="ask-panel-inline" v-if="[1,2].includes(tableData.game_id)">
<div class="ask-group" @click="askWay('banker')">
<span class="ask-label text-red">{{ Lang[Type].askbanker }}</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 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 slash red" v-if="autoaskData.Broachisshow && autoaskData.Broachcolor == 'red'"></span>
<span class="dot slash blue" v-if="autoaskData.Broachisshow && autoaskData.Broachcolor == 'blue'"></span>
</div>
<div class="ask-group" @click="askWay('player')">
<span class="ask-label text-blue">{{ Lang[Type].askplayer }}</span>
<span class="dot hollow red" v-if="autoaskData.PbigEyeRoadisshow && autoaskData.PbigEyeRoadcolor == 'red'"></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>
<!-- NiuNiu/TC Stats -->
<div class="left-stats" v-else-if="[4, 5].includes(tableData.game_id)">
@ -79,6 +58,27 @@
<canvas class="canvas" ref="refItem"></canvas>
</div>
</div>
<!-- 问路栏 -->
<div class="ask-bar" v-if="[1,2].includes(tableData.game_id)">
<div class="ask-group" @click="askWay('banker')">
<span class="ask-label text-red">{{ Lang[Type].askbanker }}</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 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 slash red" v-if="autoaskData.Broachisshow && autoaskData.Broachcolor == 'red'"></span>
<span class="dot slash blue" v-if="autoaskData.Broachisshow && autoaskData.Broachcolor == 'blue'"></span>
</div>
<div class="ask-group" @click="askWay('player')">
<span class="ask-label text-blue">{{ Lang[Type].askplayer }}</span>
<span class="dot hollow red" v-if="autoaskData.PbigEyeRoadisshow && autoaskData.PbigEyeRoadcolor == 'red'"></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>
<!-- Fallback for Other Games -->
@ -263,50 +263,53 @@ export default {
}
/* Ask Panel - Integrated into grid (bottom 3 rows, far right) */
.ask-panel-inline {
margin-left: auto;
.ask-bar {
display: flex;
gap: 8px;
justify-content: flex-end;
align-items: center;
gap: 12px;
padding: 3px 10px;
background: #f5f5f5;
border-top: 1px solid #e0e0e0;
.ask-group {
display: flex;
align-items: center;
gap: 3px;
gap: 4px;
cursor: pointer;
.ask-label {
font-size: 10px;
font-weight: 500;
font-size: 11px;
font-weight: 600;
margin-right: 2px;
}
.dot {
display: inline-block;
&.solid {
width: 8px;
height: 8px;
width: 10px;
height: 10px;
border-radius: 50%;
&.red { background: #e40000; }
&.blue { background: #0056ee; }
}
&.hollow {
width: 7px;
height: 7px;
width: 9px;
height: 9px;
border-radius: 50%;
border: 1.5px solid;
border: 2px solid;
&.red { border-color: #e40000; }
&.blue { border-color: #0056ee; }
}
&.slash {
width: 7px;
height: 7px;
width: 9px;
height: 9px;
position: relative;
&::before {
content: '';
position: absolute;
top: 0; left: 50%;
width: 1.5px;
width: 2px;
height: 100%;
transform: rotate(45deg);
}