9:41
单元列表
阳光小区
3 号楼
共 4 个单元
搜索
满租
1 单元
unit_00120001
房间
32
层数
16
业主
32
3 空置
2 单元
unit_00120002
房间
32
层数
16
业主
29
满租
3 单元
unit_00120003
房间
48
层数
24
业主
48
5 空置
4 单元
unit_00120004
房间
48
层数
24
业主
43
单元列表 · unitList
🎯 设计要点
顶部面包屑：小区 › 楼栋 明确层级上下文
2 列 Tile 布局，单元数量通常较少，视觉更集中
每单元图标 + 名称 + ID + 房间/层数/业主数三段统计
右上角"满租 / N 空置"角标一眼识别
ID 用等宽字体展示，方便对账查阅
🔍 对比原始
✗ 原页面为线性 List，缺少空间层级
✗ 没有空置/满租状态提示
✓ Tile 布局适配"少而重要"的单元层级
← 返回演示目录