@ -14,7 +14,11 @@
</template>
<div class="py-4 px-4 flex justify-between">
<CountTo prefix="$" :startVal="1" :endVal="item.value" class="text-2xl" />
<CountTo prefix="$"
:startVal="1"
:endVal="item.value"
class="text-2xl"
/>
<Icon :icon="item.icon" :size="40"/>
</div>
@ -1,6 +1,6 @@
<template>
<Card title="成交占比" :loading="loading">
<div ref="chartRef" :style="{ width, height }"></div>
<div ref="chartRef" :style="{ width, height }"/>
</Card>
<script lang="ts">
@ -1,5 +1,5 @@
<div ref="chartRef" :style="{ height, width }"></div>
<div ref="chartRef" :style="{ height, width }"/>
import { defineComponent, onMounted, ref, Ref } from 'vue';
<Card title="转化率" :loading="loading">
<Card title="访问来源" :loading="loading">
@ -10,7 +10,7 @@
<template #description>
{{ item.date }}
<template #title> {{ item.name }} <span v-html="item.desc"> </span> </template>
<template #title> {{ item.name }} <span v-html="item.desc"/> </template>
<template #avatar>
<Icon :icon="item.avatar" :size="30"/>
<Card title="销售统计" :loading="loading">
<QuickNav :loading="loading" class="enter-y"/>
<Card class="!my-4 enter-y" :loading="loading">
<img class="xl:h-50 h-30 mx-auto" src="../../../assets/images/illustration.svg" />
<img class="xl:h-50 h-30 mx-auto" src="../../../assets/images/illustration.svg">
<SaleRadar :loading="loading" class="enter-y"/>