revert: 回滚问路面板相关修改，恢复原始布局
This commit is contained in:
li
parent
8378fd0c5f
commit
6e6cd9772b
@ -56,27 +56,36 @@
|
||||
<div class="road-box-container">
|
||||
<div class="road-box">
|
||||
<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>
|
||||
|
||||
<!-- Ask Way Overlay (Bottom Right) -->
|
||||
<div class="ask-panel" v-if="[1,2].includes(tableData.game_id)">
|
||||
<div class="ask-group banker" @click="askWay('banker')">
|
||||
<div class="ask-title text-red">{{ Lang[Type].askbanker }}</div>
|
||||
<div class="ask-icons">
|
||||
<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>
|
||||
<div class="ask-group player" @click="askWay('player')">
|
||||
<div class="ask-title text-blue">{{ Lang[Type].askplayer }}</div>
|
||||
<div class="ask-icons">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
@ -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; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -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
|
||||
|
||||
Loading…
Reference in New Issue
Block a user