给 TA 点餐 + 情侣日常工具:她点菜你接单,还有心愿单、心情打卡、陪伴互动。
技术栈:微信小程序 + 微信云开发(免费额度,单用户/情侣够用)。
- 点餐下单:分类菜单、加菜动画、结算附言、确认支付
- 订单:当前单 + 历史,可取消 / 催单
- 心愿单:记心愿,管家可帮「实现」
- 心情打卡:6 种心情 + 本周小结
- 陪伴互动:想念 / 早安 / 晚安
- 管家:接单、完成
- 液态玻璃 UI,白底极光 + 顶部流动烟雾
wechat-ordering-menu/
├── miniprogram/
│ ├── app.js / app.json / app.wxss
│ ├── config.js # 订阅消息模板 ID
│ ├── custom-tab-bar/ # 自定义底部导航(菜单/心情/陪伴)
│ └── pages/
│ ├── index/ # 菜单 + 点菜 + 结算 + 下单抽屉
│ ├── orders/ # 订单(当前单 + 历史)
│ ├── wishlist/ # 心愿单
│ ├── mood/ # 心情
│ ├── companion/ # 陪伴
│ └── admin/ # 管家面板
├── cloudfunctions/ # 8 个云函数
│ ├── login/ getMenu/ initData/ createOrder/
│ └── getOrders/ updateOrderStatus/ wishlist/ sendNotify/
├── project.config.json
└── preview.html # UI 原型(浏览器直接打开可交互预览)
| 用途 | 色值 |
|---|---|
| 背景 | #FAFAFC 冷白 |
| 玻璃卡片 | rgba(255,255,255,0.78) |
| 主色(iOS 蓝) | #007AFF / #0062CC |
| 粉色点缀 | #FF7EB6 / #FF6F91 |
| 文字 | #1C1C1E / rgba(60,60,67,0.6) |
- 导入:微信开发者工具导入
wechat-ordering-menu目录 - AppID:
project.config.json→appid改成你的(无则先注册 mp.weixin.qq.com) - 云开发:开通后把环境 ID 填进
miniprogram/app.js的env - 部署云函数:
cloudfunctions/下每个云函数右键上传部署(共 8 个) - 建集合:数据库建
dishes/orders/wishes/users(权限:仅创建者可读写) - 初始化菜单:云开发控制台跑
initData云函数,写入 12 道默认菜 - 配管家:预览运行一次拿 openid,填入云函数环境变量
ADMIN_OPENIDS(login、getOrders、updateOrderStatus、wishlist、sendNotify),重新部署
配置完,菜单页右上角会出现「👑 管家」入口。
- 公众平台 → 订阅消息 → 选订单类模板,复制模板 ID
- 填入
miniprogram/config.js的TEMPLATE_ID和sendNotify云函数环境变量 - 发布前把
sendNotify里的miniprogramState改成'formal'
- 云开发控制台 →
dishes集合直接增删改 - 或改
cloudfunctions/initData的DEFAULT_DISHES,清空集合后重跑 - 加图片:上传云存储,给 dish 加
image字段存 fileID