小程序 组件 数组_2020年支付宝小程序官方组件来啦

基础控件

支付宝小程序提供了一套标准基础控件,开发者可按需使用。使用风格一致、性能稳定的标准控件,可降低用户使用小程序的学习成本,同时避免由于小程序页面跳动造成用户使用不适。

系统图标

常用系统级图标。相关组件开发文档请参见 icon 图标。

9699298d05ebcfe8b687cba028f1aaae.png

按钮

按钮允许用户点击,并触发对应的操作。相关组件开发文档请参见 button 按钮。

898b215ef79b4ae7081a36c3059e30ad.png

导航栏

顶部导航栏始终固定在屏幕顶部,不随页面滚动隐藏,显示与当前视图有关的标题和操作。相关组件开发文档请参见navigator 页面链接。

f739864965f3c6e1fb8ff4afc9ce57a1.png

标签栏

应用屏幕底部会显示一个标签栏,并提供在应用的不同部分之间快速切换的功能。标签栏在所有屏幕方向上保持相同的高度,并在显示键盘时隐藏。相关组件开发文档请参见 label 标签。

22e4b12c44425ddb909e4630d71f9318.png

轻提示

轻提示 Toast 用于对操作结果的轻量级反馈,无需用户操作即可自行消失。适用于页面内容的变化不能直接反应操作结果的场景。 详见开发文档 my.showToast。

028d4b9af857816a6267d96a711afa98.png

表单

相关组件开发文档请参见 List、List-item 列表元素、List-secondary 列表次级信息元素。

1e17e660cc861dde26a2f29d5bfd1c19.png

对话框

对话框用于重要信息的告知或操作的反馈,并附带少量的选项供用户进行操作。相关组件开发文档请参见 Modal 对话框。

7324d489299a33aa5c5a5e70849cd467.png

选择器

选择器用于在一组选项或多组关联选项中做出选择。相关组件开发文档请参见 picker-view 滚动选择器、picker 底部弹起的滚动选择器。

77a3c12866395eaf3d7f23db6b1d8191.png

授权

通过授权码可进而换取支付宝用户登录态信息、给用户发会员卡等,从而方便地获取支付宝用户身份标识,快速建立小程序内的用户体系。相关文档请参见 my.getAuthCode。

d4bac59e60d869903e5397580fb45aed.png

基础控件组合样式

框架

4d2b86e19873bd5274ee1aad4108e275.png

表单

cd75720bbcfd9fb9701da6284c9555c8.png

反馈

1be684d1c4399bddfe46060f734d7d3b.png

e72f74f5b6853a77eccee4c717867b19.png

空页面

77465fdb601786d69c96bb9c32627263.png

9ccb13002fe7aefa891d9ef82fe2908e.png

Dapollo插件下载地址:https://dapollo.alipay.com 官方地址:https://opendocs.alipay.com/mini/00mpje
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值