| | |
| | | </div> |
| | | <div class="data-board-data-info-item-content"> |
| | | <div class="data-board-data-info-item-value"> |
| | | <el-statistic :value="value" :precision="precision" /> |
| | | <el-statistic :value="_value" :precision="precision" /> |
| | | </div> |
| | | <div class="data-board-data-info-item-label">{{ label }}</div> |
| | | </div> |
| | |
| | | type Props = { |
| | | image: string; |
| | | label: string; |
| | | value: number; |
| | | precision?: number; |
| | | }; |
| | | |
| | | const props = withDefaults(defineProps<Props>(), { |
| | | value: 0, |
| | | precision: 2, |
| | | }); |
| | | |
| | | const value = defineModel<number>('value'); |
| | | |
| | | const _value = useTransition(value, { |
| | | duration: 500, |
| | | }); |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |