style: 优化牛牛路单表格样式,对齐百家乐UI风格

This commit is contained in:
li
2026-02-11 01:47:55 +08:00
parent d0ff375ba7
commit 87c12ed6c2
+17 -13
View File
@@ -109,7 +109,7 @@
v-for="(cell, cIdx) in getNNRowData(item.beadRoad, row)"
:key="cIdx"
class="nn-cell"
:class="{ 'nn-win': cell.is_win == 1 }"
:class="{ 'nn-win': cell.is_win == 1, 'nn-win-banker': cell.is_win == 1 && row === 1 }"
>
<text class="nn-text" :class="cell.type == 1 ? 'nn-text-red' : 'nn-text-blue'">{{ getNNResultText(cell.result) }}</text>
<text class="nn-win-tag" v-if="cell.is_win == 1">WIN</text>
@@ -550,22 +550,22 @@ export default {
height: 100%;
display: flex;
flex-direction: column;
background: #1a1a2e;
background: #1b2838;
.nn-row {
display: flex;
flex: 1;
border-bottom: 1px solid #333;
border-bottom: 1px solid #2a3a4a;
&:last-child { border-bottom: none; }
}
.nn-label {
width: 32px;
width: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 9px;
font-size: 10px;
font-weight: bold;
color: #fff;
flex-shrink: 0;
@@ -585,30 +585,34 @@ export default {
}
.nn-cell {
min-width: 36px;
min-width: 38px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-right: 1px solid #333;
padding: 0 2px;
position: relative;
border-right: 1px solid #2a3a4a;
padding: 1px 2px;
}
.nn-text {
font-size: 9px;
font-size: 10px;
font-weight: bold;
&.nn-text-red { color: #e74c3c; }
&.nn-text-blue { color: #5dade2; }
&.nn-text-blue { color: #7cb9e8; }
}
.nn-win-tag {
font-size: 7px;
color: #fff;
background: #2c5fa1;
padding: 0 2px;
padding: 0 3px;
border-radius: 2px;
line-height: 1.3;
line-height: 1.4;
margin-top: 1px;
}
.nn-cell.nn-win-banker .nn-win-tag {
background: #c0392b;
}
}