5个让物业主任主动加我微信的「小区服务」小程序模板

上个月，我把5个小程序二维码打印成A4纸，贴在小区3个单元门禁旁。第二天，物业王主任微信轰炸我：“兄弟，这5个能不能合并？我们想用！”

它们分别是：

📭 失物招领（带照片上传+地图标记）

🚗 地下车库预约（时段选择+车牌识别模拟）

🔧 报修登记（分类+图片+预计完成时间）

🛒 邻里拼单（微信群接龙式下单+自动统计）

📦 快递柜空位实时看（模拟API，支持手动刷新）

全部用同一套AI工程流生成：1个Prompt模板 + Cursor多文件批量替换。今天公开全部Prompt和自动化技巧。

---

🧩 模板底层：「原子化小程序」设计法

每个小程序共用3个核心文件：

base.wxml：通用布局（顶部标题栏+卡片列表+底部Tab）

base.wxss：CSS变量控制主题（--primary-color, --accent-icon）

base.js：统一数据结构（{ title, items: [{id, name, time, status}] }）

差异仅在：

page.json 中的navigationBarTitleText

index.wxml 中的业务组件（如用于时段选择）

1个专属Prompt微调指令

---

🚀 实操：3分钟生成「失物招领」小程序

在Cursor新建项目 neighbourhood-suite

创建 prompt-template.txt：

   生成微信小程序页面，实现【{service}】功能。要求：
   - 页面顶部显示「{service}」大标题
   - 中间为「发布新{service}」按钮（绿色）+ 列表（每项含：图片缩略图、标题、发布时间、联系人）
   - 底部Tab固定：首页｜我的发布｜帮助
   - 使用CSS变量：--primary-color: {color}; --icon: '{icon}'
   - 数据用mock，至少5条示例
   

批量生成：

- 复制Prompt → 替换 {service}=失物招领, {color}=#2e7d32, {icon}=📦
- Ctrl+K → 生成 lost-found/index.wxml/.wxss/.js
- 同理替换5次，得到5套独立页面

---

🎨 主题色/文案一键切换技巧

在 base.wxss 定义：

:root {
  --primary-color: #2e7d32;
  --accent-icon: '📦';
}
.title { color: var(--primary-color); }
.icon::before { content: var(--accent-icon); }

→ 只需修改 :root 块，5个小程序UI同步变色！

---

💡 为什么物业抢着要？

✅ 零服务器成本：所有数据存在本地storage，物业无需IT支持

✅ 可离线使用：业主在电梯里填报修单，出电梯自动同步

✅ 极致轻量：单个小程序体积＜800KB，扫码即用

✅ 易定制：改1行CSS变量，整套变蓝/橙/紫主题

我把5个完整项目（含Prompt模板、图标资源、物业沟通话术）打包成GitHub私有仓库，关注「我是RD」公众号，回复【小区】获取访问链接。

> 最后提醒：别急着写代码。先问自己——这个功能，邻居愿不愿为它停下刷短视频的手？答案就是你的第一行Prompt。