更新时间：2023-11-29 15:34:18收藏订阅更新我的文档设置返回文档简介定制巴士小程序模板是城市公交定制服务在支付宝小程序的实现案例模板，提供了通用的页面、组件，与基础的交互跳转逻辑，方便各城市 服务商（isv）快速接入巴士定制业务，节约开发时间与成本。快速示例提供了支付宝小程序在某些场景下的官方凯发app官方网站的解决方案，提供了开发源码，开发者可以以此作为参考，也可以直接在源码的基础上进一步开发。使用说明●本示例为纯客户端代码，可直接在模拟器和在真机预览。●需完成 开发者入驻 与 小程序创建 。●下载并安装小程序开发者工具（ide）（点此下载）。●更多使用详情可查看 。使用使用步骤1打开 ide。2在 ide 界面新建或打开项目：○通过界面 小程序 > 添加项目 > 选择端（可多选） > 选择模板 > 找到本示例对应的模板点击 下一步 > 配置项目名称和路径 > 点击 完成。○点击 打开项目 按钮，进入本文开头下载的源码包所在路径，将源码包解压到一个文件夹里，选择文件夹打开。3进入项目后，登录开发者账号，并关联已有 appid。4完成以上步骤后，可以通过 ide 进行开发和调试。页面内容定义本项目共包含 14 个示例页面，分别是：凯发k8官方网娱乐官方首页、搜索页、搜索结果页、个人页面、车票列表页、车票详情页、找站点页、更改站点页、发起定制页、定制线路页、线路详情页、订单确认页、乘车指南页、服务协议页。1. 凯发k8官方网娱乐官方首页文件路径：pages/index●搜索功能模块●最近行程模块●推荐线路模块2. 搜索页文件路径：pages/search目的地搜索结果列表展示。3. 搜索结果页文件路径：pages/search-result目标线路定制线路状态列表页。4. 个人页面文件路径：pages/my●展示基础的用户信息。●提供定制路线模块入口。5. 车票列表页文件路径：pages/tickets包含待出行与全部车票两个tab合集列表。6. 车票详情页文件路径：pages/tickets-detail●车票详情信息●乘车二维码7. 找站点页文件路径：pages/find-station●线路站点信息●地图线路定位展示8. 更改站点页文件路径：pages/change-station●地图线路定位展示●更改上车、下车地点功能9. 发起定制页文件路径：pages/customize●录入线路用户基本信息10. 定制线路页文件路径：pages/custom-route●展示线路成行状态列表, 可发起、参与定制线路11. 线路详情页文件路径：pages/route-detail●线路站点信息●提交订单功能12. 订单确认页文件路径：pages/order-confirm●订单日期选择●订单线路信息●票价明细●购票功能13. 乘车指南页文件路径：pages/myguide指南信息14. 服务协议页文件路径：pages/myservice协议信息自定义 ui 组件本项目共包含 7 个自定义 ui 组件，分别是：站点路线展示组件、包含线路信息与站点展示的地图组件、包含在卡片中的线路信息组件、文本域列表组件、车票卡片组件、附带购票跳转功能的车票卡片组件、用户线路选择组件。1. 站点路线展示组件文件路径：components/bus-stagement●站点列表展示●收拢，展开线路功能2. 包含线路信息与站点展示的地图组件文件路径：components/map●基础地图展示●线路描线●站点展示3. 包含在卡片中的线路信息组件文件路径：components/route●基础线路信息●起始点信息4. 文本域列表组件文件路径：components/textarea-item适配 ui 的文本域组件再封装。5. 车票卡片组件文件路径：components/ticket●车票基础信息●包含待出行、已出行等等车票状态6. 附带购票跳转功能的车票卡片组件文件路径：components/ticket-sale在开票卡片的基础上附有购票跳转功能。7. 用户线路选择组件文件路径：components/user-route●起点终点展示●站点更改
