refactor(frontend): 重构首页仪表盘布局与功能

1. 更新收藏数量上限为12个,替换哔哩哔哩链接为Gitee
2. 调整统计卡片高度与列表项间距样式
3. 重构工作台页面布局,移除冗余统计卡片组件
4. 重构首页仪表盘布局,新增数据统计卡片与图表组件
5. 迁移热销产品表格功能到新用户模块,删除冗余的热销产品列表组件
6. 调整我的收藏列表样式与空状态尺寸
This commit is contained in:
zhangtao
2026-05-21 00:06:06 +08:00
parent b7304155ab
commit 173c2f1b08
9 changed files with 225 additions and 543 deletions
@@ -6,7 +6,7 @@
<p class="text-sm text-g-600">{{ subtitle }}</p>
</div>
<ElScrollbar :style="{ height: maxHeight }">
<div v-for="(item, index) in list" :key="index" class="flex-c py-3">
<div v-for="(item, index) in list" :key="index" class="flex-c py-2">
<div v-if="item.icon" class="flex-cc mr-3 size-10 rounded-lg" :class="item.class">
<FaSvgIcon :icon="item.icon" class="text-xl" />
</div>
@@ -57,7 +57,7 @@ interface Activity {
icon: string;
}
const ITEM_HEIGHT = 66;
const ITEM_HEIGHT = 70;
const DEFAULT_MAX_COUNT = 5;
const props = withDefaults(defineProps<Props>(), {
@@ -1,7 +1,7 @@
<!-- 统计卡片 -->
<template>
<div
class="fa-card h-32 flex-c px-5 transition-transform duration-200 hover:-translate-y-0.5"
class="fa-card h-30 flex-c px-5 transition-transform duration-200 hover:-translate-y-0.5"
:class="boxStyle"
>
<div v-if="icon" class="mr-4 size-11 flex-cc rounded-lg text-xl text-white" :class="iconStyle">