📱 小程序前端 · 七模块在线预览

这是 reading-social/miniprogram 七个功能模块（图书馆 / 留言板 / 名人堂 / 个人书桌 / 读书手帐 / 分享小屋 / 我的）的浏览器复刻版：布局、配色、交互与真实小程序一致（rpx 按 1rpx=0.5px 换算），所有数据来自运行中的后端 http://127.0.0.1:3000/api/v1。

导航方式：左侧抽屉（非底部 tabBar）

微信原生底部 tabBar 最多 5 个，本应用有 7 个一级模块，故改为「右下悬浮球 + 左侧隐藏式抽屉」导航：平时不占屏幕，点右下角 ☰ 菜单 唤出，选模块后自动收起。与小程序 components/side-nav 组件一致。

七个模块（按老纪拍板顺序：图书馆 / 留言板 / 名人堂 居前三）

• 图书馆：仅展示被书友在文章 / 读书手帐中提及过的图书，按热度倒序；文章正文用《》提到的书也会被识别计入；带 详情 / 书友评论 / 我的读后感 三按钮（详情进图书页；书友评论汇总该书文章并按阅读量倒序，点标题直接阅读；我的读后感预选该书直达投稿）
• 留言板（原「会客厅」）：分类留言；投稿需先填 书名 + 作者定位图书；「📚 我要推荐一本书」提交完整书目字段，过审即入书目库
• 名人堂：国内 / 国外名家榜单（按书友留言热度实时计），点进名家档案可看生平与在库全部作品，作品直达图书详情
• 个人书桌：聚合「我」发表过读后感 / 留言板文章、读书手帐提及的书，以及点过「想读」的图书；分享小屋「📖 时光留痕」打包的时光书也会收在这里，可随时翻阅
• 读书手帐：拍照 + 文字记录阅读心路；发表前填 书名（必填）与 作者（选填）即可，系统自动关联热度相符的图书，可公开到「读书有感」
• 分享小屋：创建聊天室 → 屋名自动为「昵称的小屋」，自动生成 8 字内暗号（名人 + 谓语 + 事物，如「李白的茶壶」）→ 书友凭暗号加入 → 文字 / 语音 / 图片 / 表情实时聊天；每房上限 12 人、单次开启 120 分钟，关闭前 3 分钟系统提醒并同步发起小屋归宿投票：📖时光留痕（图文打包成时光书存进每位参与者个人书桌）/ 🔥阅后即焚（记录随关闭清除），少数服从多数、平票由房主拍板
• 我的：登录资料 / 头像 / 昵称 / 密码修改

购书功能（预留）

本应用当前以个人主体运营（路径A）：个人主体小程序无法开通微信支付，故购书/订单入口已全线隐藏（代码保留，`config.js FEATURE_BUY` 开关控制）。转正个体工商户并开通微信支付后置 true 即恢复：下单 → 微信支付（未配置商户号时 mock 模拟支付）。

可以这样玩

• 游客可直接浏览图书馆；「我的」页登录演示号 alice / alice123（或 bob / bob123），也可注册新账号
• 分享小屋双人实测：先登录 alice 创建小屋（屋名自动为「alice的小屋」）并记下暗号 → 右上角开无痕窗口登录 bob → 在小屋列表「正在热聊」里找到该房、输暗号加入 → 两个窗口互发文字 / 表情 / 图片（语音演示在 Chrome/Edge 可用，需授权麦克风）
• 小屋到点（或自动化演示中时间被推进）→ 关闭前 3 分钟全员收到提醒并可投「📖 时光留痕 / 🔥 阅后即焚」；若留痕胜出，各参与者回到个人书桌顶部「📖 时光书」即可翻开这本聊天成册；若焚毁胜出，小屋消息与上传图片一并清除
• 每次打开软件先见开屏封面：一条读书名言（每次随机）+ 出处，3 秒后自动翻开进入主菜单（点击封面可跳过）
• 图书馆点书名进详情 → 加入书架三态 / 查看图书简介 / 读后感；「🔥 热门书评与文章 TOP3」点开即整页阅读（与留言板文章阅读页一致）
• 读书手帐：写手帐 → 填书名（如 围城）与作者（选填，如 钱锺书）→ 系统自动匹配图书（也可下拉点选）→ 拍照/选图 → 开/关公开 → 发表；私密手帐仅自己可见，公开进「读书有感」
• 图书馆或详情页「🛒 购书」→ 选数量 → 微信支付（mock）→ 「我的-我的订单」看支付状态
• 留言板投稿先填书名 + 作者定位图书