如何才能设计一个页面精美，使用体验极佳的小程序呢？除了设计人员的精心设计之外，还有的就是小程序提供的设计组件，今天来简单介绍一下一个完整的支付宝小程序都有哪些组件构成，支付宝小程序可以分为页面布局、表单、反馈提醒、提示指引等组件。

页面布局：

底部标签导航，应用屏幕底部的导航标签，作用是点击导航标签能够进入不同的页面。导航标签在屏幕下方保持一样的高度，在弹出键盘时隐藏起来，通常底部标签导航一般在2-5个之间。

顶部导航选项卡，主要应用场景一般在二级页面，点击顶部选项导航卡，可以在不同的页面之间快速切换。

列表，能够有效的收集和显示大量或少量信息，一般来说也可以在列表中加入图标、按钮等或者是其他组件，列表包括文本列表、图文列表、选择列表、详情列表等：

文本列表一般用于展示说明:

图文列表一般为文章、新闻列表：

选择列表分为单选和多选，一般用于调查问卷、回答试题等使用：

详情列表一般用于信息采集，比如绑定银行卡，报名等：

轮播图，一般称为banner，即首页幻灯片展示，通过手动或者是系统自动切换展示，开发者可根据banner风格和颜色自定义背景颜色、图片轮换时长以及跟图片的尺寸来自定义高宽：

按钮组件，用于页面的主要操作，使用规则与其他小程序一样，一个页面只允许一个主操作按钮。

弹窗，一般为操作提醒之类，用户提交信息成功弹窗提示，或有操作错误弹窗提醒等，弹窗空间包括纯文本，带有图片弹窗等：

以上为支付宝小程序比较常用到的组件，与其他小程序相比，支付宝小程序并没有什么特殊的差异，除了精美的页面，良好的用户体验才是王道。