| | |
| | | <img :src="image" alt="" /> |
| | | </div> |
| | | <div class="data-board-data-info-item-content"> |
| | | <div class="data-board-data-info-item-label">{{ label }}</div> |
| | | <div class="data-board-data-info-item-value"> |
| | | <el-statistic :value="_value" :precision="precision" /> |
| | | </div> |
| | | <div class="data-board-data-info-item-label">{{ label }}</div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | |
| | | .data-board-center-data-item { |
| | | display: flex; |
| | | padding: 8px 12px; |
| | | background: rgba(0, 5, 18, 0.27); |
| | | // padding: 8px 12px; |
| | | // background: rgba(0, 5, 18, 0.27); |
| | | |
| | | .data-board-data-info-item-icon { |
| | | width: 64px; |
| | |
| | | .data-board-data-info-item-value { |
| | | margin-bottom: 5px; |
| | | font-size: 22px; |
| | | font-family: DrukWide-Bold; |
| | | line-height: 30px; |
| | | font-family: DINAlternate-Bold; |
| | | line-height: 26px; |
| | | |
| | | :deep() { |
| | | .el-statistic__content { |
| | |
| | | .data-board-data-info-item-label { |
| | | font-size: 16px; |
| | | line-height: 22px; |
| | | color: #ffffff; |
| | | color: #b9c4d0; |
| | | } |
| | | } |
| | | } |