旧物、废品回收uniapp多端小程序、H5、app项目

October 12, 2025 · View on GitHub

动动手指,帮忙点下 Star ,让更多人了解我们~

有兴趣一起参与开发的、想贡献代码的,欢迎提交PR!

欢迎大家加入微信交流群,一起参与项目的开发和维护、探讨使用过程中遇到的问题!

本项目可以打包成H5、小程序(维信、支付宝、小红书、抖音等等)、app端(Android、IOS)

如果希望增加什么功能,可以提交 ISSUES ,我们会尽快处理。

扫码体验

尽量使用微信小程序码查看效果,体验效果会比H5要好很多,其他版本(其他平台小程序、Android、IOS),大家可以自行本地运行后看效果~

H5版本微信小程序

交流群

微信群微信好友

快速运行

  1. 下载代码后,把最内层文件夹(里面有app.vue 的那一层,不要嵌套好几层)直接拖到 XbuilderX 中
  2. manifest.json 里面,微信小程序appid改成你自己的(如果没有,可以申请个测试号: https://mp.weixin.qq.com/wxamp/sandbox?doc=1)
  3. 到下面“api工厂”链接注册一个测试账号,登陆后,左侧工厂设置,数据克隆,填写商户号 150 将当前测试数据克隆一份,克隆完毕后 F5 刷新下网页
  4. 左侧菜单,平台设置,微信小程序,把你的 appid 和 secret 配置上去
  5. 代码里 config.js 文件打开,subDomain 和 merchantId 改成你自己的专属域名和商户ID,可在后台 “工厂设置” -- “商户信息” 查看
  6. XbuilderX 中,点击运行,在微信小程序中运行,就可以查看效果了,然后你可以继续开发。

技术栈

上线准备

微信小程序

  • 公众号后台,左侧菜单,开发-接口权限,开通 getLocation 接口(如果自己无法开通,可联系我协助)
  • 提交审核界面,小程序订单中心path,填写 pages/shop/order-list
  • 如果要求接入订单发货,公众号左侧菜单,订单管理,发货接入,地址填写 pages/shop/order-detail?payOrderNo=${商品订单号} ,然后在 api工厂 后台,商城管理-订单设置,开启同步发货状态到微信小程序

效果预览

H5登录页
上门回收上门回收选择城市
收货地址A收货地址B地图选择
到店回收选择门店门店导航
我的订单订单详情A订单详情B
我的修改资料意见反馈
关于我们账户余额申请提现
积分中心签到功能积分券兑换
积分商城商品列表商品详情
购物车确认订单
商城订单列表商城订单详情
砍价频道砍价功能商品详情

其他优秀开源模板推荐