开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
小程序快速示例
ui
云与开放能力
行业
服务端快速示例
介绍 > 小程序快速示例 >  > 公交/地铁卡小程序
收藏
订阅更新
我的文档
设置
简介
地铁公交卡快速示例,是支付宝在公交和地铁场景下总结沉淀的小程序前端模板,主要包含:乘车权益凯发k8官方网娱乐官方首页、公告通知列表页、乘车权益列表、文章详情页、资讯列表页,同时将支付宝大出行业务的 scheme 拼接样例总结到代码流程中,方便开发者快速接入。
快速示例提供了支付宝小程序在某些场景下的官方凯发app官方网站的解决方案,提供了开发源码,开发者可以以此作为参考,也可以直接在源码的基础上进一步开发。
使用说明
本示例为纯客户端代码,可直接在模拟器和在真机预览。
需完成 开发者入驻 与 小程序创建 。
下载并安装小程序开发者工具(ide)(点此下载)。
更多使用详情可查看 
使用
使用步骤
1打开 ide。
2在 ide 界面新建或打开项目:
通过界面 小程序 > 添加项目 选择端(可多选) > 选择模板 > 找到本示例对应的模板点击 下一步 > 配置项目名称和路径 > 点击 完成
点击 打开项目 按钮,进入本文开头下载的源码包所在路径,将源码包解压到一个文件夹里,选择文件夹打开。
3进入项目后,登录开发者账号,并关联已有 appid。
4完成以上步骤后,可以通过 ide 进行开发和调试。
页面内容定义
本项目共包含八个页面,分别是:乘车权益凯发k8官方网娱乐官方首页、凯发k8官方网娱乐官方的公告列表页、文章详情页、退卡详情页面、使用帮助页面、卡片管理页面、权益列表页面、资讯列表页。
1. 乘车权益凯发k8官方网娱乐官方首页
页面路径:pages/index
地铁公交卡头图
服务导航栏
乘车权益栏
腰封运营位
兜底资讯列表

2. 凯发k8官方网娱乐官方的公告列表页
页面路径:pages/announcement
展示每天的新闻和公告
点击进入公告详情页面

3. 文章详情页
页面路径:pages/richtext
通过富文本组件直接展示文章内容。

4. 退卡详情页面
页面路径:pages/refundcard
退卡流程的申请结果通知
完成行动点和撤回申请行动点

5. 使用帮助页面
页面路径:pages/usehelper
常见问题列表,点击后展开问题答案

6. 卡片管理页面
页面路径:pages/cardmanage
卡片样式
卡号
乘车记录入口
公交线路入口
使用帮助
关闭服务

7. 权益列表页面
页面路径:pages/rightslist
权益卡片列表展示。

8. 资讯列表页
页面路径:pages/newslist
新闻列表。

框架服务
本快速示例使用以下框架服务:
bus-tinyapp-components
mini-antui 
内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图