蚂蚁科技产品手册
小程序
产品版本 : V20201030
文档版本 : V20201030
蚂蚁科技技术文档
蚂蚁科技集团有限公司版权所有 © 2020 ，并保留一切权利。
未经蚂蚁科技事先书面许可，任何单位、公司或个人不得擅自摘抄、翻译、复制本文档内容的部分或全部，不得以任何方式或途径进行传播和宣传。
商标声明
及其他蚂蚁科技服务相关的商标均为蚂蚁科技所有。
本文档涉及的第三方的注册商标，依法由权利人所有。
免责声明
由于产品版本升级、调整或其他原因，本文档内容有可能变更。蚂蚁科技保留在没有任何通知或者提示下对本文档的内容进行修改的权利，并在蚂蚁科技授权通道中不时发布更新后的用户文档。您应当实时关注用户文档的版本变更并通过蚂蚁科技授权渠道下载、获取最新版的用户文档。如因文档使用不当造成的直接或间接损失，本公司不承担任何责任。
目录
1 小程序简介1
2 接入 Android2 2.1 快速开始2 2.2 进阶指南10 2.2.1 Android 小程序接入真机预览与调试10 2.2.2 Android 小程序自定义导航栏12 2.2.
3 Android 小程序自定义双向通道12 2.2.
4 Android 小程序 API 权限扩展配置14 2.2.
5 Android 小程序自定义启动加载页18 2.2.
6 Android 小程序右上角弹出菜单扩展21 2.2.
7 Android 小程序设置进入/退出动画22 2.3 小程序升级说明24 2.4 使用教程24 2.4.1 总览24 2.4.2 在 Android Studio 中创建原生工程25 2.4.3 在 mPaaS 控制台创建应用33 2.4.4 原生 AAR 方式接入工程35 2.4.5 初始化配置40 2.4.6 创建并发布小程序44
2.4.7 启动小程序54
3 接入 iOS5
4 3.1 快速开始5
5 3.2 进阶指南69 3.2.1 iOS 小程序真机预览与调试69 3.2.2 iOS 小程序自定义导航栏71 3.2.3 iOS 小程序自定义双向通道75 3.2.4 iOS 小程序 API 权限扩展配置7
6 3.2.5 iOS 小程序自定义启动加载页79
3.3 小程序升级说明82
4 开发小程序83 4.1 快速开始83 4.2 进阶指南89 4.2.1 真机预览与调试90
4.2.2 扩展功能91
5 小程序基础库说明100
6 小程序框架104 6.1 概述104 6.2 应用106 6.3 页面112 6.4 视图层11
7 6.5 事件129 6.6 样式132 6.7 小程序全局配置134 6.7.1 小程序全局配置介绍134 6.7.2 app.json 全局配置135 6.7.3 app.acss 全局样式13
8 6.7.4 app.js 注册小程序138 6.7.5 getApp 方法140 6.8 小程序页面141 6.8.1 小程序页面介绍141 6.8.2 页面配置142 6.8.3 页面结构143 6.8.4 页面样式143 6.8.5 页面注册143 6.8.6 getCurrentPages 方法154
6.9 AXML155 6.9.1 AXML 介绍155 6.9.2 数据绑定156 6.9.3 条件渲染160 6.9.4 列表渲染160 6.9.5 模板163 6.9.6 引用165 6.10 SJS 语法参考166 6.10.1 SJS 介绍167 6.10.2 变量169 6.10.3 注释170 6.10.4 运算符170 6.10.5 语句173 6.10.6 数据类型175 6.10.7 基础类库184 6.10.8 esnext187 6.11 ACSS 语法参考189 6.12 事件系统191 6.12.1 事件介绍191 6.12.2 事件对象192 6.13 自定义组件194 6.13.1 自定义组件介绍194 6.13.2 创建自定义组件195 6.13.3 组件配置195 6.13.4 组件模板和样式196 6.13.5 组件对象201 6.13.6 生命周期205 6.13.7 mixins208 6.13.8 ref 获取组件实例209 6.13.9 使用自定义组件210 6.13.10 发布自定义组件211
6.14 性能优化建议213
7 小程序基础组件216 7.1 组件概述216 7.2 组件常见问题218 7.3 视图容器219 7.3.1 view219 7.3.2 swiper220 7.3.3 scroll-view222 7.3.4 cover-view224 7.3.5 movable-view225 7.4 基础内容226 7.4.1 text226 7.4.2 icon227 7.4.3 progress229 7.4.4 rich-text230 7.5 表单组件233 7.5.1 button233 7.5.2 form236 7.5.3 label238 7.5.4 input240 7.5.5 textarea243 7.5.6 radio245 7.5.7 checkbox247 7.5.8 switch249 7.5.9 slider250 7.5.10 picker-view252 7.5.11 picker254 7.6 navigator256 7.7 媒体组件257 7.7.1 Image257 7.7.2 Video270 7.8 canvas276
ios 12.17.9 map278 7.10 开放组件292
7.10.1 web-view292
8 小程序扩展组件295 8.1 概述295 8.2 布局导航296 8.2.1 列表（list）296 8.2.2 选项卡（tabs）298 8.2.3 纵向选项卡（vtabs）301 8.2.4 卡片（card）303 8.2.5 宫格（grid）304 8.2.6 步骤条（steps）305 8.2.7 页脚（footer）307 8.2.8 布局（flex）307 8.2.9 分页（pagination）310 8.2.10 折叠面板（collapse）311 8.3 操作浮层314 8.3.1 气泡（Popover）314 8.3.2 筛选（Filter）315 8.3.3 对话框（Modal）316 8.3.4 弹出菜单（Popup）318 8.4 结果类319 8.4.1 异常页（PageResult）319 8.4.2 结果页（Message）320 8.5 提示引导321 8.5.1 提示（Tips）321 8.5.2 通告栏（Notice）324 8.5.3 徽标（Badge）325 8.6 表单类327 8.6.1 文本输入（InputItem）327 8.6.2 选择输入（PickerItem）330 8.6.3 金额输入（AmountInput）332 8.6.4 搜索框（SearchBar）333 8.6.5 复选框（AMCheckBox）335 8.7 手势类337 8.7.1 可滑动单元格（SwipeAction）337 8.8 其他339 8.8.1 日历（Calendar）339 8.8.2 步进器（Stepper）340
8.8.3 图标（AMIcon）341
9 小程序 API342 9.1 概述342 9.2 API 概览343 9.3 界面351 9.3.1 导航栏351 9.3.2 tabBar360
9.3.3 路由368 9.3.4 交互反馈381 9.3.5 下拉刷新391 9.3.6 联系人394 9.3.7 选择城市395 9.3.8 选择日期405 9.3.9 动画407 9.3.10 画布410 9.3.11 键盘435 9.3.12 滚动436 9.3.13 节点查询438 9.3.14 选项选择器443 9.3.15 级联选择446 9.3.16 设置背景窗口448 9.3.17 设置页面是否支持下拉449 9.3.18 设置449 9.4 多媒体450
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论