45 lines
1.0 KiB
Vue
45 lines
1.0 KiB
Vue
<template>
|
|
<div>
|
|
<h2>仪表盘</h2>
|
|
<el-row :gutter="20">
|
|
<el-col :span="6">
|
|
<el-card shadow="hover">
|
|
<template #header>用户总数</template>
|
|
<div class="stat-value">--</div>
|
|
</el-card>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-card shadow="hover">
|
|
<template #header>会员总数</template>
|
|
<div class="stat-value">--</div>
|
|
</el-card>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-card shadow="hover">
|
|
<template #header>今日积分发放</template>
|
|
<div class="stat-value">--</div>
|
|
</el-card>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-card shadow="hover">
|
|
<template #header>优惠券兑换次数</template>
|
|
<div class="stat-value">--</div>
|
|
</el-card>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
// TODO: 对接后端统计接口
|
|
</script>
|
|
|
|
<style scoped>
|
|
.stat-value {
|
|
font-size: 32px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
color: #409eff;
|
|
}
|
|
</style>
|