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

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

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