用 uni-app + Vue3 做了一款照片交易小程序，AI 人脸识别帮你找回照片（光影集市）

先说个场景：参加演唱会、马拉松、展会、婚礼、毕业典礼，现场摄影师拍了几千张照片，最后发个网盘或者朋友圈，让你自己去翻。想找到自己那张，全靠肉眼硬翻，翻几十页就放弃了。

我做的这个小程序，就是想把这件事变得简单一点：摄影师上传照片、明码标价；用户上传一张自拍，AI 自动在照片库里匹配出所有带自己的照片；看中哪张买哪张，买完下载原图。

项目叫「光影集市」，做完了也跑起来了，把过程中的一些东西分享出来，供同样在做小程序、或者有类似需求的朋友参考。

项目是什么

一款基于 uni-app（Vue 3） 开发的照片交易小程序，目标平台是微信小程序和 H5。后端由 SaaS 服务驱动，不需要自己买服务器、不需要自己写接口，克隆项目后改两个配置项就能跑起来，属于典型的"开箱即用"型项目。

技术参数一览：

功能模块

• 首页：Banner 轮播 + 双列瀑布流照片墙，支持下拉刷新和上拉加载更多，浏览体验接近主流内容类 App。
• 登录 / 注册：用户名密码登录与注册，支持一键切换，含用户协议确认勾选。
• 照片详情：大图预览（可点击查看原图）、价格展示，支持一键加购或立即购买。
• 人脸找照片：核心功能。拍摄或上传自拍 → AI 提取人脸特征向量 → 在照片库中按相似度排序，精准匹配本人的照片。
• 购物车 / 结算：批量选购、支持移除单张，账户余额一键确认支付。
• 购买记录：已支付 / 待支付订单列表，待支付订单可直接跳转补款。
• 订单详情：订单内照片以网格展示，点击预览，长按即可保存到相册。
• 个人中心：头像昵称、账户余额展示，购买记录、购物车等快捷入口。
• 内容管理：用户协议、隐私政策、关于我们等文案由 CMS 后台统一维护，改文案不用重新发版。

几个客观参数，供参考

• 照片列表为双列瀑布流 + 分页加载，数据量大了也不会卡首页；
• 人脸匹配基于人脸特征向量相似度排序，自拍清晰、正面、光线充足时匹配效果最佳；
• 支付采用账户余额模式，余额由后端统一管理，接入第三方支付通道即可扩展；
• 运行前只需要替换两个配置：后端子域名 / 商户 ID，以及微信小程序 AppID；
• 内置测试账号，方便下载后直接体验完整流程。

适合谁看

• 学小程序开发的同学：这是一个完整的"商品浏览 + 购物车 + 支付 + 订单"闭环项目，页面结构清晰，适合当多页面实战模板学习；
• 有照片分发需求的摄影师：活动跟拍、婚礼、毕业照、证件照等场景，可以基于它改造成自己的"交照片"工具，客人自助选片、付费、下载；
• 需要一套现成电商闭环代码的人：购物车、订单、余额支付这些模块都是可以直接用的。

怎么找到它

项目名称「光影集市」。感兴趣的朋友可以自行搜索（关键词：光影集市、uni-app 照片交易小程序），或者私信我交流——部署、改造、人脸识别测试、功能细节，都可以聊。