uni.showToast(OBJECT)

显示消息提示框。

OBJECT参数说明

icon 值说明

示例

uni.showToast({
    title: '标题',
    duration: 2000
});

position 值说明

Tips

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

uni.hideToast()

隐藏消息提示框。

示例

uni.hideToast();

uni.showLoading(OBJECT)

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

OBJECT参数说明

示例

uni.showLoading({
    title: '加载中'
});

uni.hideLoading()

隐藏 loading 提示框。

示例

uni.showLoading({
    title: '加载中'
});
setTimeout(function () {
    uni.hideLoading();
}, 2000);

uni.showModal(OBJECT)

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

OBJECT参数说明

success返回参数说明

Tips：

• 在 App 下可以使用 原生增强提示框插件 来解决 App 无法设置 cancelColor、confirmColor的问题。示例

uni.showModal({
    title: '提示',
    content: '这是一个模态弹窗',
    success: function (res) {
        if (res.confirm) {
            console.log('用户点击确定');
        } else if (res.cancel) {
            console.log('用户点击取消');
        }
    }
});

uni.showActionSheet(OBJECT)

​显示操作菜单

OBJECT参数说明

success返回参数说明

示例

uni.showActionSheet({
    itemList: ['A', 'B', 'C'],
    success: function (res) {
        console.log('选中了第' + (res.tapIndex + 1) + '个按钮');
    },
    fail: function (res) {
        console.log(res.errMsg);
    }
});

Tips

App端实现原生的、复杂的底部图文菜单，例如分享菜单，可参考https://ext.dcloud.net.cn/plugin?id=69

注意

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

发现错误？想参与编辑？在 GitHub 上编辑此页面！