diff --git a/pages/index.vue b/pages/index.vue
index fdcb641..c3c70e9 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -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 }"
>
{{ getNNResultText(cell.result) }}
WIN
@@ -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;
}
}