前言
完整版演示 http://120.26.95.195/
开发版演示 http://120.26.95.195:8889/
在之前的开发进程中,我们完成了会员系统的基本功能 基本完成了收银功能 今天我们对欢迎页进行优化。
1.信息分区
仪表盘将信息分为几个主要区域,包括关键数据统计区、功能模块按钮区、排行榜区和更新日志区。这种分区方式有助于用户快速定位所需信息。
关键数据统计区位于顶部,采用简洁的卡片式设计,每个数据卡片(如会员总数、会员卡总数等)都有对应的图标,增强了视觉识别度。
2.操作按钮
功能模块按钮区在关键数据统计区下方,使用了不同颜色(红、绿、蓝、橙)的按钮来区分不同的功能(收银台、订单管理、商品管理、库存管理)。这种颜色区分有助于用户快速识别和操作。 且使用的都是element默认颜色减少开发成本
按钮上的图标与功能相匹配,例如收银台按钮带有购物车图标,符合用户的认知习惯。
二、数据呈现
排行榜设计
商品库存量排行和商品收益排行采用了表格形式,表格中包含排名、商品名和对应数据(库存数或收益占比)。这种设计简洁明了,便于用户查看和比较。更新日志
更新日志采用了列表形式,按照时间顺序排列,每条日志都有日期和时间戳,方便用户了解系统的更新历史。
代码地址
https://gitee.com/ddeatrr/memberShop