codecamp

支付宝小程序组件 基础组件·概述

视图容器

名称 功能说明
view 视图容器
swiper 滑块视图容器
scroll-view 可滚动视图区域
cover-view 覆盖在原生组件之上的文本视图
cover-image 覆盖在原生组件之上的图片视图,可覆盖的原生组件同 cover-view,支持嵌套在 cover-view 里。
movable-view 可移动的视图容器
movable-area movable-view 的可移动区域

基础内容

名称 功能说明
text 文本
icon 图标
progress 进度条
rich-text 富文本组件

表单组件

名称 功能说明
button 按钮
form 表单
label 用来改进表单组件的可用性
input 输入框
textarea 多行输入框
radio 单选按钮
radio-group 单选项目组
checkbox 多项选择器
checkbox-group 多项选择器组
switch 单选开关
slider 滑动选择器
picker-view 嵌入页面的滚动选择器
picker 从底部弹起的滚动选择器

导航

名称 功能说明
navigator 页面链接

媒体组件

名称 功能说明
image 图片
video 视频
lottie 动画

画布

名称 功能说明
canvas 画布。

地图

名称 功能说明
map 地图组件
map 高级定制渲染 地图组件的能力扩展,使小程序地图具备动态定制地图覆盖物渲染布局的能力。

开放组件

名称 功能说明
web-view 承载 H5 网页的组件
lifestyle 关注生活号组件
contact-button 智能客服组件

无障碍访问

名称 功能说明
aria-component 无障碍访问
支付宝小程序 组件
支付宝小程序组件 扩展组件·概述
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

支付宝小程序开发文档

支付宝小程序 快速示例

支付宝小程序 小程序快速示例

支付宝小程序 框架

支付宝小程序 组件

支付宝小程序组件 基础组件

支付宝小程序组件 无障碍访问

支付宝小程序 扩展组件

支付宝小程序扩展组件 UI组件

支付宝小程序 API

支付宝小程序 开发工具

支付宝小程序 云服务

支付宝小程序 Serverless

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }