0532-88983785 0532-68613670
青岛网站建设|青岛网站优化|青岛微信开发|青岛网站制作

支付宝小程序常用组件有哪些

时间:2018-10-26 16:10 来源:http://www.seo1158.com 作者:王兰进 点击:

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

页面布局:

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

1.png

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

2.png

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

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

3.png

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

4.png

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

5.png

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

6.png

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

7.png

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

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

8.png

9.png

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



  迅优网络是一家专注于小程序开发微信开发网站建设网站优化网站设计网站制作网站托管代运营的互联网科技公司。专业开发团队,专属小程序定制,可定制开发微信小程序、百度智能小程序、支付宝小程序。
(责任编辑:迅优网络)
网站建设定制

0532-88983785 / 0532-68613670

我要定制网站