关于MUI框架中的警告框

最新推荐文章于 2020-06-29 13:57:11 发布

原创最新推荐文章于 2020-06-29 13:57:11 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#MUI #手机 #框架 #对话框

移动端开发专栏收录该内容

25 篇文章

订阅专栏

本文详细介绍了MUI框架中四种对话框组件的使用方法：普通提醒（mui.alert）、确定消息框（mui.confirm）、输入框（mui.prompt）及自动消失的消息框（mui.toast）。通过具体实例展示了如何配置这些组件的参数来实现不同的交互效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、mui.alert() 普通提醒
参数

1、message Type: String 提示对话框上显示的内容
2、title Type: String 提示对话框上显示的标题
3、btnValue Type: String 提示对话框上按钮显示的内容
4、callback Type: Function 提示对话框上关闭后的回调函数
5、type Value: 'div'是否使用h5绘制的对话框

演示代码

mui.alert('欢迎使用Hello MUI', 'Hello MUI', function() {
   mui.toast('你刚关闭了警告框');
});

2、mui.confirm() 确定消息框
参数

1、message Type: String 提示对话框上显示的内容
2、title Type: String提示对话框上显示的标题
3、btnValue Type: Array 提示对话框上按钮显示的内容
4、callback Type: Function 提示对话框上关闭后的回调函数
5、type Value: 'div' 是否使用h5绘制的对话框

演示代码

var btnArray = ['取消', '确定'];
mui.confirm('真的要删除吗？','Hi...',new Array('否','是'),function(e){
   if(e.index == 1){mui.toast('是');}else{mui.toast('否');}
});

3、mui.prompt() 输入框
参数

message Type: String 提示对话框上显示的内容
placeholder Type: String 编辑框显示的提示文字
title Type: String 提示对话框上显示的标题
btnValue Type: Array 提示对话框上按钮显示的内容
callback Type: Function提示对话框上关闭后的回调函数
type Value: 'div' 是否使用h5绘制的对话框

演示代码

var btnArray = ['取消', '确定'];
mui.prompt('请输入您的姓名？','Hi...',new Array('取消','确定'),function(e){
    if(e.index == 1){
        mui.toast(e.value);
    }else{
        mui.toast('您取消了输入');
    }
});