全部产品
云市场

交互反馈

更新时间:2019-09-09 15:14:37

my.alert

说明:mPaaS 10.1.32 及以上版本支持该接口。
alert 警告框。

入参

名称 类型 必填 描述
title String 警告框的标题。
content String 警告框的内容。
buttonText String 按钮文字,默认为 确定
success Function 调用成功的回调函数。
fail Function 调用失败的回调函数。
complete Function 调用结束的回调函数(调用成功、失败都会执行)。

代码示例

  1. my.alert({
  2. title: '亲',
  3. content: '您本月的账单已出',
  4. buttonText: '我知道了',
  5. success: () => {
  6. my.alert({
  7. title: '用户点击了「我知道了」',
  8. });
  9. },
  10. });

my.confirm

说明:mPaaS 10.1.32 及以上版本支持该接口。
confirm 确认框。

入参

名称 类型 必填 描述
title String 确认框的标题。
content String 确认框的内容。
confirmButtonText String 确认的按钮文字,默认为 确定
cancelButtonText String 取消的按钮文字,默认为 取消
success Function 调用成功的回调函数。
fail Function 调用失败的回调函数。
complete Function 调用结束的回调函数(调用成功、失败都会执行。)

success 返回值

名称 类型 描述
confirm Boolean 点击 确定 返回 true,点击 cancel 返回 false

代码示例

  1. my.confirm({
  2. title: '温馨提示',
  3. content: '您是否想查询快递单号:
  4. 1234567890',
  5. confirmButtonText: '马上查询',
  6. cancelButtonText: '暂不需要',
  7. success: (result) => {
  8. my.alert({
  9. title: `${result.confirm}`,
  10. });
  11. },
  12. });

my.prompt

重要:基础库 1.7.2 及以上版本,mPaaS 10.1.32 及以上版本支持该接口。
弹出一个对话框,让用户在对话框内输入文本。

入参

名称 类型 必填 描述
title String prompt 框的标题。
message String prompt 框文本,默认为 请输入内容
placeholder String 输入框内的提示文案。
align String message 的对齐方式,可用枚举 left/center/right,例如 iOS ‘center’, android ‘left’,表示在 iOS 客户端上居中对齐,在 Android 客户端上靠左对齐。
okButtonText String 确认按钮文字,默认为 确定
cancelButtonText String 确认按钮文字,默认为 取消
success Function 调用成功的回调函数。
fail Function 调用失败的回调函数。
complete Function 调用结束的回调函数(调用成功、失败都会执行)。

success 返回值

名称 类型 描述
ok Boolean 点击 ok 返回 true,点击 cancel 返回 false。
inputValue String ok 为 true 时,返回用户输入的内容。

代码示例

  1. my.prompt({
  2. title: '标题单行',
  3. message: '说明当前状态、提示用户解决方案,最好不要超过两行。',
  4. placeholder: '给朋友留言',
  5. okButtonText: '确定',
  6. cancelButtonText: '取消',
  7. success: (result) => {
  8. my.alert({
  9. title: JSON.stringify(result),
  10. });
  11. },
  12. });

my.showToast

说明:mPaaS 10.1.32 及以上版本支持该接口。
显示一个弱提示,可选择多少秒之后消失。

入参

名称 类型 必填 描述
content String 文字内容。
type String toast 类型,展示相应图标,默认为 none,支持 success / fail / exception / none。其中 exception 类型必须传文字信息。
duration Number 显示时长,单位为 ms,默认为 2000。
success Function 调用成功的回调函数。
fail Function 调用失败的回调函数。
complete Function 调用结束的回调函数(调用成功、失败都会执行)。

代码示例

  1. my.showToast({
  2. type: 'success',
  3. content: '操作成功',
  4. duration: 3000,
  5. success: () => {
  6. my.alert({
  7. title: 'toast 消失了',
  8. });
  9. },
  10. });

my.hideToast

说明:mPaaS 10.1.32 及以上版本支持该接口。
隐藏弱提示。

代码示例

  1. my.hideToast()

my.showLoading

说明:mPaaS 10.1.32 及以上版本支持该接口。
显示加载提示。

入参

名称 类型 必填 描述
content String 加载提示的文字内容。
delay Number 延迟显示,单位为 ms,默认为 0。若在此时间之前调用了 my.hideLoading 则不会显示。
success Function 调用成功的回调函数。
fail Function 调用失败的回调函数。
complete Function 调用结束的回调函数(调用成功、失败都会执行)。

代码示例

  1. my.showLoading({
  2. content: '加载中...',
  3. delay: 1000,
  4. });

my.hideLoading

说明:mPaaS 10.1.32 及以上版本支持该接口。
隐藏加载提示。

入参

名称 类型 必填 描述
page Object 具体指当前 page 实例,某些场景下,需要指明在哪个 page 执行 hideLoading

代码示例

  1. my.hideLoading();
  2. Page({
  3. onLoad() {
  4. my.showLoading();
  5. const that = this;
  6. setTimeout(() => {
  7. my.hideLoading({
  8. page: that, // 防止执行时已经切换到其它页面,page指向不准确
  9. });
  10. }, 4000);
  11. }
  12. })

my.showNavigationBarLoading

说明:mPaaS 10.1.32 及以上版本支持该接口。
显示导航栏加载状态。

代码示例

  1. my.showNavigationBarLoading()

如果页面的标题文本长度设置得过长,将有可能导致加载图标不显示。

my.hideNavigationBarLoading

说明:mPaaS 10.1.32 及以上版本支持该接口。
隐藏导航栏加载状态。

代码示例

  1. my.hideNavigationBarLoading()

my.showActionSheet

说明:mPaaS 10.1.32 及以上版本支持该接口。
显示操作菜单。

入参

名称 类型 必填 描述 基础库最低版本
title String 菜单标题。
items String Array 菜单按钮文字数组。
cancelButtonText String 取消按钮文案。默认为 取消。注:在 Android 平台上,此字段无效,不会显示取消按钮。
destructiveBtnIndex Number (iOS 特殊处理)指定按钮的索引号,从 0 开始,使用场景:需要删除或清除数据等类似场景,默认为红色。
badges Object Array 需飘红选项的数组,数组内部对象字段见下表。 1.9.0
success Function 调用成功的回调函数。
fail Function 调用失败的回调函数。
complete Function 调用结束的回调函数(调用成功、失败都会执行)。

badges数组内部对象字段

名称 类型 描述
index Number 需要飘红的选项的索引,从 0 开始。
type String 飘红类型,支持 none(无红点)/ point(纯红点) / num(数字红点)/ text(文案红点)/ more(…)。
text String 自定义飘红文案:
1、飘红类型为 none/point/more 时本文案可不填。
2、飘红类型为 num 时,本文案为小数或 <=0 时,文案均不显示, 本文案 >100 时, 文案显示为

代码示例

  1. my.showActionSheet({
  2. title: '支付宝-ActionSheet',
  3. items: ['菜单一', '菜单二', '菜单三', '菜单四', '菜单五'],
  4. badges: [
  5. { index: 0, type: 'none' },
  6. { index: 1, type: 'point' },
  7. { index: 2, type: 'num', text: '99' },
  8. { index: 3, type: 'text', text: '推荐' },
  9. { index: 4, type: 'more' },],
  10. cancelButtonText: '取消好了',
  11. success: (res) => {
  12. const btn = res.index === -1 ? '取消' : '第' + res.index + '个';
  13. my.alert({
  14. title: `你点了${btn}按钮`
  15. });
  16. },
  17. });