更新时间：2023-11-29 15:34:18收藏订阅更新我的文档设置返回文档简介本快速示例对多个行业服务链路通用组件做了通用性抽离，涵盖了 etc、公交、地铁、医保等多个行业方向，并拼接了服务开通页 / 服务完成页示例，方便服务行业内部开发者快速搭建符合行业内部设计规范的链路页面。快速示例提供了支付宝小程序在某些场景下的官方凯发app官方网站的解决方案，提供了开发源码，开发者可以以此作为参考，也可以直接在源码的基础上进一步开发。 使用说明本示例为纯客户端代码，可直接在模拟器和在真机预览。更多详情可查看 。使用使用步骤1打开 ide。2在 ide 界面新建或打开项目：○通过界面 小程序 > 添加项目 > 选择端（可多选） > 选择模板 > 找到本示例对应的模板点击 下一步 > 配置项目名称和路径 > 点击 完成。○点击 打开项目 按钮，进入本文开头下载的源码包所在路径，将源码包解压到一个文件夹里，选择文件夹打开。3进入项目后，登录开发者账号，并关联已有 appid。4完成以上步骤后，可以通过 ide 进行开发和调试。页面内容定义本项目包含 7 个示例页面，分别是：etc 办理开通页面、自动缴费开通页（一）、自动缴费开通页（二）、公交领卡页、医保领卡页、地铁乘车结果页（一）、地铁乘车结果页（二）。1. etc 办理开通页面文件路径：pages/etc2. 自动缴费开通页（一）文件路径： pages/auto-pay3. 自动缴费开通页（二）文件路径：pages/auto-pay-two4. 公交领卡页文件路径：pages/bus5. 医保领卡页文件路径：pages/medicare6. 地铁乘车结果页（一）文件路径：pages/subway-event7. 地铁乘车结果页（二）文件路径：pages/subway-result自定义 ui 组件本项目包含 16 个自定义 ui 组件，分别是：通用 card 组件、价值模块 value-module、授权按钮模块 action-button、服务优势图文展示模块 advance-list、用户心智模块 cert-service、用户评价模块 evaluate、绿色能量模块 green-energy、银行运营卡片模块 market-card、操作行动点模块 operation、线路出口信息展示 passway、线路出口信息展示 pay-info、办理步骤展示模块 process、问答模块 question、线路模块 routes、凯发app官方网站的售后服务模块 sale-after、添加到桌面模块 to-desktop。 1. 通用 card 组件文件路径：components/es/cardcard 组件是包裹其它 ui 组件的骨架，用于自定义 card 标题、自定义 hottip 模块、自定义底部加载更多按钮。2. 价值模块 value-module文件路径：components/es/value-modulevalue-module 模块用于定义服务价值列表，icon 推荐尺寸为 48rpx * 48rpx。3. 授权按钮模块 action-button文件路径：components/es/action-buttonaction-button 用于定义同意/拒绝的行动点按钮组，也可自定义协议位置及底部额外行动点。4. 服务优势图文展示模块 advance-list文件路径：components/es/advance-listadvance-list 用于展示服务优势列表 。5. 用户心智模块 cert-service文件路径：components/es/cert-servicecert-service 用于展示服务提供商。6. 用户评价模块 evaluate文件路径：components/es/evaluateevaluate 可实现轮播展示用户评价，提供跳转评价列表页的行动点。7. 绿色能量模块 green-energy文件路径：components/es/green-energygreen-energy 可根据绿色能量克数展示不同的字体与图标大小。8. 银行运营卡片模块 market-card文件路径：components/es/market-cardmarket-card 是用于包装各大行运营红包的卡片模块。9. 操作行动点模块 operation文件路径：components/es/operationoperation 提供推荐行动点列表的按钮。10. 线路出口信息展示 passway文件路径：components/es/passwaypassway 可展示线路出口信息，提供关键行动点，如共享单车与网约车。11. 线路出口信息展示 pay-info文件路径：components/es/pay-infopay-info 展示支付信息与乘车状态。12. 办理步骤展示模块 process文件路径：components/es/processprocess 可自定义简单与复杂两种步骤展示列表。13. 问答模块 question文件路径：components/es/questionquestion 可展示用户问答列表。14. 线路模块 routes文件路径：components/es/routesroutes 可展示地铁各站点线路信息。15. 凯发app官方网站的售后服务模块 sale-after文件路径：components/es/sale-aftersale-after 可展示凯发app官方网站的售后服务信息、电子发票行动点。16. 添加到桌面模块 to-desktop文件路径：components/es/to-desktopto-desktop 提供了添加小程序到桌面的行动点。
