mirror of
https://github.com/fastapiadmin/FastapiAdmin.git
synced 2026-10-04 17:14:21 +00:00
refactor(frontend): 重构首页仪表盘布局与功能
1. 更新收藏数量上限为12个,替换哔哩哔哩链接为Gitee 2. 调整统计卡片高度与列表项间距样式 3. 重构工作台页面布局,移除冗余统计卡片组件 4. 重构首页仪表盘布局,新增数据统计卡片与图表组件 5. 迁移热销产品表格功能到新用户模块,删除冗余的热销产品列表组件 6. 调整我的收藏列表样式与空状态尺寸
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user