OBJECT参数说明

icon 值说明

说明平台差异说明
success显示成功图标,此时 title 文本最多显示 7 个汉字长度。默认值
loading显示加载图标,此时 title 文本最多显示 7 个汉字长度。支付宝小程序不支持
none不显示图标,此时 title 文本在小程序最多可显示两行,5+App仅支持单行显示。

示例

position 值说明

Tips

App端可通过plus.nativeUI.toast API实现更多功能。

uni.hideToast()

隐藏消息提示框。

  1. uni.hideToast();

显示 loading 提示框, 需主动调用 才能关闭提示框。

OBJECT参数说明

参数类型必填说明平台差异说明
titleString提示的内容
maskBoolean是否显示透明蒙层,防止触摸穿透,默认:false5+App、微信小程序、百度小程序
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

示例

uni.hideLoading()

隐藏 loading 提示框。

示例

  1. uni.showLoading({
  2. title: '加载中'
  3. setTimeout(function () {
  4. uni.hideLoading();
  5. }, 2000);

显示模态弹窗,类似于标准 html 的消息框:alert、confirm。

OBJECT参数说明

参数类型说明
confirmBoolean为 true 时,表示用户点击了确定按钮
cancelBoolean为 true 时,表示用户点击了取消(用于 Android 系统区分点击蒙层关闭还是点击取消按钮关闭)

Tips:

uni.showActionSheet(OBJECT)

​显示操作菜单

OBJECT参数说明

success返回参数说明

参数类型说明
tapIndexNumber用户点击的按钮,从上到下的顺序,从0开始

示例

  1. uni.showActionSheet({
  2. success: function (res) {
  3. },
  4. fail: function (res) {
  5. console.log(res.errMsg);
  6. });

Tips

App端实现原生的、复杂的底部图文菜单,例如分享菜单,可参考

  • 本章的所有弹出控件都是原生控件,层级最高,可覆盖video、map、tabbar等原生控件。
  • uni-app插件市场有很多封装好的前端组件,但注意前端组件层级不是最高,无法覆盖原生组件。
  • App端还有原生的

发现错误?想参与编辑?在 GitHub 上编辑此页面!