留言墙牌匾设计
3 小时前综合
1. 列表项跳转 + 返回定位
VirtualList 本身只渲染可见行,点击跳转到砖块详情不会有性能问题。返回定位的方案:
牌匾弹窗(VirtualList,记住 scrollOffset)
↓ 点击某条留言
砖块详情弹窗(showBrickViewModal)
↓ 关闭
牌匾弹窗(恢复之前的 scrollOffset)
实现方式:打开砖块详情前,记录当前 VirtualList 的 scrollOffset。砖块详情关闭后,重新打开牌匾弹窗并用 setScrollOffset() 恢复到之前的位置。用户感知上就是"返回到刚才看的楼层"。
2. 牌匾编辑 → 编辑器右键菜单
从截图看,编辑器模式已有右键气泡"拆除"。方案:
场景 右键牌匾区域 点击牌匾区域
编辑器模式 气泡显示 “编辑” + “拆除” 无操作(或同样弹气泡)
游戏模式 无反应 弹出留言汇总弹窗
“编辑” → 打开字库选字弹窗(现有 showCharLibraryModal)
“拆除” → 清空牌匾字 + 确认提示
游戏模式下牌匾不可编辑/拆除,只能查看留言汇总
3. 空留言处理
单砖无文字 → 列表中不显示该砖
全部砖都无文字 → 弹窗内显示"暂无留言"居中占位
4. 弹窗内直接点赞
每条留言卡片上显示 👍 按钮 + 计数,点击直接 +1 并同步云端,无需进入砖块详情。
汇总设计
┌──────────── 留言墙 · 共 42 条 ────────────┐
│ [VirtualList, bounces=false, no scrollbar] │
│ │
│ ┌─────────────────────────────────────┐ │
│ │ "大漠孤烟直,长河落日圆" │ │
│ │ 👍 28 💬 12 · 2小时前 │ │
│ └─────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────┐ │
│ │ "今天天气真好" │ │
│ │ 👍 15 💬 3 · 5小时前 │ │
│ └─────────────────────────────────────┘ │
│ ... │
└─────────────────────────────────────────────┘
交互流程:
👍 → 直接点赞,计数 +1,同步云端
💬 或点击卡片其他区域 → 跳转砖块详情(看完整评论/回复)
关闭砖块详情 → 返回牌匾弹窗,恢复滚动位置



