返回首页

不争科技 Logo不争科技 · 案例

自研项目 · 实际运营

小茌到家 · 社区团购与本地生活平台

一套代码覆盖「用户小程序 + 商户端 + 团长端 + 骑手端 + 管理后台」五端的县域社区团购平台, 在山东省聊城市茌平区实际运营。从下单、接单、配送、核销到分账结算,业务全闭环。

≈140功能页面(五端合计)
5 端用户 / 商户 / 团长 / 骑手 / 后台
≈140数据表
8 大后端应用模块

四端协同

一套系统,四种角色各用各的端

小茌到家用户端「小茌超市」页面:社区团购主场景,含小区定位、分类金刚区、商品流与月销价格
小茌到家用户端首页:社区服务聚合门户,含小茌超市、团购、家政、物业缴费、便民信息、积分商城、推广有礼、外卖八个入口及本地商家列表

微信小程序 / H5

用户端

约 90 个页面 · uni-app + Vue 3 + Pinia + Vite

  • 小茌超市:社区团购主场景,选小区下单
  • 团购频道、外卖(配送 / 到店自提核销双模式)
  • 物业缴费、便民服务、积分商城
  • 分销推广、拼团 / 秒杀 / 优惠券
  • 申请成为团长 / 商家,入口即在个人中心
小茌到家商户端登录页:黑黄品牌设计,黄色主视觉搭配白色大圆角登录卡片

33 页

商户端

门店经营全流程数字化

  • 经营工作台、订单流(待核销 / 当日未核销 / 全部)
  • 扫码核销、商品 / 分类 / 小料管理
  • 优惠券、售后服务、配送管理
  • 营收明细与财务管理、数据分析图表(ECharts)
  • 蓝牙小票机打印
小茌到家团长端登录页:米白底配品牌黄主按钮,手机号密码登录

14 页

团长端

社区团长的移动管理台

  • 团订单管理、扫码核销
  • 单个 / 一键提货确认
  • 佣金管理与分佣明细、账户余额与提现
  • 售后 / 退款 / 纠纷处理
  • 商品推广与素材中心、业绩报表(ECharts)
小茌到家骑手端登录页:简洁登录表单,品牌黄圆标与登录按钮

5 页

骑手端

为社区配送场景极简设计

  • 配送工作台:待配送 / 配送中 / 已完成三段 Tab
  • 订单按小区聚合(地址 + 单数 + 金额)
  • 地图导航、拨打收货人电话
  • 确认送达,一单到底

业务闭环

从下单到分账,五步走完

  1. 1

    用户下单

    在小程序选择小区 / 团长,下单支付

  2. 2

    商户接单发货

    商户端接单,蓝牙小票打印,组织发货

  3. 3

    配送 / 到店

    骑手按小区聚合配送,或用户到店 / 自提点核销

  4. 4

    团长核销

    团长扫码核销、确认提货,支持一键操作

  5. 5

    分账结算

    佣金自动分账,台账清晰,团长可提现

用户端功能全景

一个入口,装下整个社区生活

小茌超市

社区团购主场景,定位小区后下单,次日自提

团购频道

本地商家团购套餐,线上下单到店核销

外卖

配送上门 / 到店自提核销双模式

物业缴费

足不出小区,线上缴纳物业费用

便民服务

家政、便民信息等社区生活服务聚合

积分商城

消费攒积分,积分兑好物

拼团 / 秒杀

拼团、秒杀、优惠券等营销玩法齐备

分销推广

推广有礼,裂变获客,佣金自动结算

用户端首页:社区服务聚合门户与本地商家列表
首页 · 服务聚合门户
小茌超市:小区定位、分类金刚区、商品流与月销价格
小茌超市 · 社区团购
小茌超市商品详情页:到手价 ¥79.90、8 折、月售 277、库存等信息完整展示
商品详情 · 价格与月销
用户端购物车页面
购物车
用户端个人中心:含申请团长、申请商家入口
个人中心
用户端申请成为团长页面
申请成为团长
用户端切换小区 / 自提点页面
切换小区 / 自提点

技术架构

一套代码,五端落地

前端四端FRONTEND

uni-app 一套代码多端发行(微信小程序 / H5 / App)。用户端采用 Vue 3 + Pinia + Vite 现代工程;商户、团长、骑手三个管理端为 Vue Options API 轻量工程,够用就好。

uni-appVue 3PiniaViteOptions API

后端服务BACKEND

PHP ThinkPHP 5 + FastAdmin,划分 8 大应用模块(admin / api / user / leader / merchant / rader / index / common),约 130 个数据模型、约 140 张数据表。

ThinkPHP 5FastAdmin8 大模块≈130 模型≈140 表

营销能力MARKETING

拼团 / 秒杀 / 分销 / 积分 / 店铺装修 / 客服等成熟营销能力内置,活动规则后台灵活配置,无需二次开发即可上线运营。

拼团秒杀分销积分装修客服

支付分账PAYMENT

微信支付 + 拉卡拉分账体系,支持分账接收方管理、合并支付、台账与结算,平台、商户、团长多方账目自动算清。

微信支付拉卡拉分账合并支付台账结算

第三方服务SERVICES

短信宝短信通知、地图选点(小区经纬度定位自提点)、蓝牙小票打印、ECharts 经营报表。

短信宝地图选点蓝牙打印ECharts

设计语言

黑黄对比,一眼记住

主黑#0F1316

顶栏 / 正文 / 深色区块

品牌黄#FFE354

主按钮 / 品牌强调

辅助黄#FFDD00

图标 / 标签点缀

强调红#F53535

价格 / 警示信息

页面背景#F5F7FA

浅灰底衬出白卡片

会员金97° 渐变

会员卡 / 钱包等资产区

辅助灰#95989C

弱化信息 / 占位

次级灰#63656A

次级正文

卡片白#FFFFFF

内容承载卡片

想做类似的社区团购 / 多端平台?

需求发过来,48 小时内出逐项报价单。