refactor: 首页统计
This commit is contained in:
@@ -4,7 +4,6 @@ import type { AnalysisOverviewItem } from '../typing';
|
||||
import {
|
||||
Card,
|
||||
CardContent,
|
||||
CardFooter,
|
||||
CardHeader,
|
||||
CardTitle,
|
||||
VbenCountToAnimator,
|
||||
@@ -24,7 +23,7 @@ withDefaults(defineProps<Props>(), {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-5">
|
||||
<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-6">
|
||||
<template v-for="item in items" :key="item.title">
|
||||
<Card :title="item.title" class="w-full">
|
||||
<CardHeader>
|
||||
@@ -35,20 +34,21 @@ withDefaults(defineProps<Props>(), {
|
||||
<VbenCountToAnimator
|
||||
:end-val="item.value"
|
||||
:start-val="1"
|
||||
:unit="item.title === '签单率' ? '%' : ''"
|
||||
class="text-xl"
|
||||
prefix=""
|
||||
/>
|
||||
<!-- <VbenIcon :icon="item.icon" class="size-8 flex-shrink-0" /> -->
|
||||
<span :class="item.icon"></span>
|
||||
</CardContent>
|
||||
<CardFooter class="justify-between">
|
||||
<!-- <CardFooter class="justify-between">
|
||||
<span>{{ item.totalTitle }}</span>
|
||||
<VbenCountToAnimator
|
||||
:end-val="item.totalValue"
|
||||
:start-val="1"
|
||||
prefix=""
|
||||
/>
|
||||
</CardFooter>
|
||||
</CardFooter> -->
|
||||
</Card>
|
||||
</template>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user