| | |
| | | > |
| | | <div class="data-board-data-info-item-label">{{ label }}</div> |
| | | <div class="data-board-data-info-item-value"> |
| | | <el-statistic :value="_value" /> |
| | | <el-statistic :value="_value" :precision="precision" /> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | type Props = { |
| | | backgroundImage: string; |
| | | label: string; |
| | | precision?: number; |
| | | }; |
| | | |
| | | const props = withDefaults(defineProps<Props>(), {}); |
| | | const props = withDefaults(defineProps<Props>(), { |
| | | precision: 0, |
| | | }); |
| | | |
| | | const value = defineModel<number>('value'); |
| | | |
| | |
| | | |
| | | .data-board-data-info-item-label { |
| | | margin-bottom: 4px; |
| | | margin-left: 86px; |
| | | margin-left: 80px; |
| | | font-size: 13px; |
| | | color: #ffffff; |
| | | } |
| | | |
| | | .data-board-data-info-item-value { |
| | | margin-left: 86px; |
| | | font-size: 16px; |
| | | margin-left: 80px; |
| | | font-family: YouSheBiaoTiHei Regular; |
| | | background: linear-gradient(to bottom, #ffffff, #6fcdff); |
| | | -webkit-background-clip: text; |
| | | line-height: 19px; |
| | | -webkit-text-fill-color: transparent; |
| | | |
| | | :deep() { |
| | | .el-statistic__content { |
| | | font-size: 16px; |
| | | color: #ffffff; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </style> |