基本信息

案例ID:240566

技术顾问: - 8年经验 - 新旅诚科技有限责任公司

联系沟通

微信扫码,建群沟通

项目名称:智游遵义

所属行业:文化娱乐 - 旅游

->查看更多案例

案例介绍

项目介绍:遵义会址小程序
这是一个 uni-app Vue 3 跨平台小程序项目,服务于遵义红色旅游场景。项目名 myfront-hp,基于 uview-ui 组件库 + Vuex 状态管理 + SCSS 样式体系构建。
技术栈
层面 技术选型
框架 uni-app (Vue 3)
组件库 uView UI 2.x
状态管理 Vuex 4
样式 SCSS + rpx 响应式
构建 uni-app CLI
HTTP 基于 @escook/request-miniprogram 的自封装
工具链 ESLint + Prettier
项目规模
776 个文件,其中 391 个 .vue 文件、102 个 .js 文件
通过分包(packageA ~ packageG)管理,共 7 个业务分包
业务模块
TabBar 页面 功能
首页 (home) 旅游综合门户入口
景区列表 (tickets) 景区门票浏览
发现 (find) 内容/资讯
我的 (my) 个人中心、订单、设置
核心业务线:
门票/景区 — 商品详情、下单、出行人管理、人脸识别(遵义会址产品)
酒店 — 酒店详情、日期选择、预订
餐饮 — 堂食/自提、订单确认
特产商城 — 商品浏览、购物车、物流/自提
线路/小车小团 — 旅游线路、拼车组团
场馆/康养/体育 — 场馆预约、康养产品、体育活动
积分商城/会员 — 积分兑换、会员体系
分销 (distribution) — 分销体系
水卡 — 水卡产品
活动 (activity) — 营销活动页面
优惠券 — 平台券 + 商家券双体系
支付流程
统一的支付链路:预下单 → 价格计算 → 提交订单 → 支付桥接 → 支付结果,支持门票、酒店、餐饮、特产四种支付页面。特殊处理 0 元支付、积分兑换、拼团等场景。
项目特点
使用 Options API(非 Composition API)
代码规范:单引号、无分号、无尾逗号、行宽 150
API 集中定义在 utils/request/api/*.api.js,通过 this.$http('module.endpoint') 调用
Vuex 模块化,10 个 store 模块(user, ticket, booking, calendar, water 等)

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在1小时内与您联系,1小时内精准确定人才

微信接收人才推送

关注猿急送微信平台,接收实时人才推送

接收人才推送
联系需求方端客服
联系需求方端客服