style: 优化牛牛路单表格样式,对齐百家乐UI风格
This commit is contained in:
+17
-13
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user