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; } }