交互反馈

my.alert

alert 警告框。扫码体验：

入参

代码示例

my.alert({
  title: '亲',
  content: '您本月的账单已出',
  buttonText: '我知道了',
  success: () => {
    my.alert({
      title: '用户点击了「我知道了」',
    });
  },
});

my.confirm

confirm 确认框。扫码体验：

入参

success 返回值

代码示例

my.confirm({
  title: '温馨提示',
  content: '您是否想查询快递单号：
1234567890',
  confirmButtonText: '马上查询',
  cancelButtonText: '暂不需要',
  success: (result) => {
    my.alert({
      title: `${result.confirm}`,
    });
  },
});

my.prompt

基础库1.7.2，支付宝10.1.10开始支持

入参

success 返回值

代码示例

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

my.showToast

显示一个弱提示，可选择多少秒之后消失。扫码体验：

入参

代码示例

my.showToast({
  type: 'success',
  content: '操作成功',
  duration: 3000,
  success: () => {
    my.alert({
      title: 'toast 消失了',
    });
  },
});

my.hideToast

隐藏弱提示。

代码示例

my.hideToast()

my.showLoading

显示加载提示。扫码体验：

入参

代码示例

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

my.hideLoading

隐藏加载提示。

入参

代码示例

my.hideLoading();
Page({
  onLoad() {
    my.showLoading();
    const that = this;
    setTimeout(() => {
      my.hideLoading({
        page: that,  // 防止执行时已经切换到其它页面，page指向不准确
      });
    }, 4000);
  }
})

my.showNavigationBarLoading

显示导航栏 loading。扫码体验：

代码示例

my.showNavigationBarLoading()

• 如果页面的标题文本长度设置的过长，将有可能导致 loading 图标不显示。

my.hideNavigationBarLoading

隐藏导航栏 loading。

代码示例

my.hideNavigationBarLoading()

my.showActionSheet

显示操作菜单。扫码体验：

入参

badges数组内部对象字段

代码示例

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

原文: https://docs.alipay.com/mini/api/ui-feedback