跨境巴士

猿急送>北京前端兼职程序员>小蹦哥。>

案例列表

基本信息

案例ID：233404

技术顾问：小蹦哥。 - 12年经验 - 京东方

联系沟通

微信扫码，建群沟通

项目名称：跨境巴士

所属行业：生活消费 - 出行

->查看更多案例

案例介绍

项目简介
一款面向移动端的城际巴士/H5购票小程序前端（Vue3 + Vite + TypeScript + Vant），提供线路与站点查询、在线购票、订单管理、优惠券与活动营销、地图选站、多语言与深色模式等完整购票闭环能力。
核心功能
线路与站点: 城市/站点选择、起终点标签、出行时间选择、班次与余票查询。
下单购票: 乘客管理（添加/类型）、优惠券抵扣、费用明细、订单确认、支付结果页。
订单中心: 订单详情、退票/改签、行程/票据PDF预览。
活动与权益: 优惠券列表、权益包/兑换码、运营活动页、公告与跑马灯。
地图能力: 高德地图选站与位置联动（Amap 集成）。
个人与客服: 个人中心、常见问题/客服入口、售后指引。
多语言与主题: 简/繁/英国际化，深色模式开关。
工程与体验: 路由按需加载、SVG 图标体系、NProgress 进度条、移动端适配优化、Mock 数据本地联调。
技术栈与架构
前端: Vue 3（组合式API）、TypeScript、Vite、Vant、TailwindCSS + Less。
状态与路由: 模块化状态管理、vue-router 路由守卫与权限控制。
网络与工具: 基于拦截器的请求封装、环境配置（UAT/Prod）、vConsole 移动端调试、i18n 国际化。
其他: PDF 预览（usePdf）、地图类型声明、组件化业务模块（订单、活动、优惠、站点选择等）。