本项目是一个面向**“本地生活与团建旅游服务的O2O平台小程。主要业务场景聚焦于企业团建、周末微度假及活动策划,具体涵盖:
企业服务:团建策划、场地布置(如婚礼、年会等)。
餐饮服务:特色餐饮定制。
休闲住宿:露营预订、主题轰趴馆、特色民宿预订。
配套服务:交通出行查询与安排。
点击空白处退出提示
本项目是一个面向**“本地生活与团建旅游服务的O2O平台小程。主要业务场景聚焦于企业团建、周末微度假及活动策划,具体涵盖:
企业服务:团建策划、场地布置(如婚礼、年会等)。
餐饮服务:特色餐饮定制。
休闲住宿:露营预订、主题轰趴馆、特色民宿预订。
配套服务:交通出行查询与安排。
项目功能围绕“浏览-预订-履约-评价”的电商服务闭环展开:
首页模块 (Home):作为各项核心业务的聚合入口,提供团建策划、餐饮定制、场地布置、交通出行、露营、主题轰趴等分类导航与热门推荐。
订单模块 (Order):用户的订单管理中心,支持多级订单状态查看(包含二级列表页、订单详情页),并提供完善的订单评价功能。
社区模块 (Community):提供图文社区列表与动态详情,主要用于用户分享游记、团建心得或商家发布活动资讯。
个人中心 (User):包含用户信息管理、我的收藏、我的评价、关于我们等基础功能。
业务详情与预订流程:针对不同业务线(场地/餐饮/民宿),提供详细的图文展示、SKU选择、订单信息填写、支付及后续评价功能。
技术栈
核心框架:Vue 3 + uni-app(跨端开发框架,主要面向微信小程序)。
样式预处理:SCSS(通过 uni.scss 管理全局变量和混合宏)。
网络请求:基于 uni.request 深度封装的 Promise 风格请求库(utils/request.js)。
组件库:引入了第三方插件 hb-comment(用于复杂的评论/回复功能),并自定义了多个业务组件。
架构设计
分包架构 (Subpackaging):为优化加载速度并突破小程序 2MB 体积限制,项目采用了“主包 + 多分包”的架构设计。
主包:包含底部 TabBar 页面(首页、订单、我的、社区)及高频公共页面(登录、关于等)。
subpages/home 分包:集中处理团建、餐饮、场地布置、交通出行的详情与下单逻辑。
subpages/homestay 分包:集中处理露营、轰趴、民宿的详情、下单与评价逻辑。
组件化开发:在 components 目录下提取了 community-list (社区列表)、hot-card (热门推荐卡片)、order-list-item (订单列表项)、tab-layout (标签页布局) 等高复用组件,降低了页面间的代码耦合度。
全局配置管理:抽离了 config/app.js 统一管理 API 域名(如 test.fuzhuang.com)、Header 配置、Token 鉴权名称及分页参数,便于多环境切换和后期维护。
实现亮点
沉浸式 UI 体验:几乎所有核心页面(如首页、订单、各业务详情页)在 pages.json 中均配置了 "navigationStyle": "custom"。去除了原生导航栏,实现了高度自定义的沉浸式头部设计,提升了品牌视觉调性








评论