9:41
选择房屋
取消
3 号楼
2 单元
32 户 · 点击立即选择
全部
15 层
14 层
13 层
12 层
已入住
空置
已选择
15 层 ·
2
户
1502
128㎡ · 张伟
1501
89㎡ · 李静
—
未开放
14 层 ·
2
户
1402
128㎡ · 王强
1401
空置
—
未开放
13 层 ·
2
户
1302
128㎡ · 赵敏
1301
89㎡ · 孙浩
—
未开放
12 层 ·
2
户
1202
128㎡ · 郑丽
1201
89㎡ · 周斌
—
未开放
选择房屋 · selectRoom
🎯 设计要点
面包屑 楼栋 › 单元 明确上下文
楼层 Tab 快速跳转，避免长滚动
3 列楼层网格模拟真实楼栋结构
已入住/空置/已选择三态图例清晰
房号等宽字体 + 户型面积 + 业主，一格三信息
🔍 对比原始
✗ 原页面 row=500 无分组，滚动量巨大
✗ 无空间感，仅"1502室 + roomId"
✓ 楼层网格贴近真实心智模型
← 返回演示目录