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