9:41
费用详情
3-2-1502 · 王丽华
物业服务费
¥
356.00
物业费
周期性费用
未缴清
费用信息
费用名称
物业服务费
费用类型
物业管理费
到期时间
2026-06-30
费用标识
周期性费用
收费状态
未缴清
缴费历史 · 2 条
缴费金额
¥ 356.00
缴费编码
FD-260401-8821
缴费周期
3 个月
缴费时间
2026/04/01 10:22
缴费金额
¥ 356.00
缴费编码
FD-260101-6540
缴费周期
3 个月
缴费时间
2026/01/03 09:14
费用详情 (feeDetail)
🎯 设计要点
顶部渐变 Hero：金额最大字号，一秒锁定核心信息
费用标签用胶囊呈现（类型 + 周期性 + 状态）
Key/Value 卡片式表格，替代原始 form-group
缴费历史条目：金额右上锚定，元信息网格化
历史采用 grid 2 列布局，同屏可读 4 项
🔍 对比原始
✗ 原页面 5 行信息平铺，无重点
✗ 历史条目缺乏视觉分组
✓ 现在结构：金额 → 属性 → 历史，符合阅读优先级
← 返回演示目录