27 lines
742 B
Vue
27 lines
742 B
Vue
<script setup>
|
|
import AppPanel from "../../../Components/AppPanel.vue";
|
|
import {NNumberAnimation, NStatistic} from "naive-ui";
|
|
|
|
const props = defineProps({
|
|
to: Number,
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<AppPanel class="min-w-[120px] min-h-[100px] max-h-[102px] h-full"
|
|
style="--n-padding-top: 0; --n-padding-bottom: 0; --n-padding-left: 8px; --n-padding-right: 8px;">
|
|
<div class="w-full h-full flex flex items-center justify-center">
|
|
<NStatistic class="text-center">
|
|
<NNumberAnimation :from="0" :to="to" />
|
|
<template #label>
|
|
<slot />
|
|
</template>
|
|
</NStatistic>
|
|
</div>
|
|
</AppPanel>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|