mui消息框的alert,confirm,prompt,toast的区别?

  1. <span style="font-family:FangSong_GB2312;font-size:14px;">script type="text/javascript" charset="utf-8">  
  2.             //mui初始化  
  3.             mui.init({  
  4.                 swipeBack: true //启用右滑关闭功能  
  5.             });  
  6.             var info = document.getElementById("info");  
  7.             document.getElementById("alertBtn").addEventListener('tap', function() {  
  8.                 mui.alert('欢迎使用Hello MUI', 'Hello MUI', function() {  
  9.                     info.innerText = '你刚关闭了警告框';  
  10.                 });  
  11.             });  
  12.             document.getElementById("confirmBtn").addEventListener('tap', function() {  
  13.                 var btnArray = ['否', '是'];  
  14.                 mui.confirm('MUI是个好框架,确认?', 'Hello MUI', btnArray, function(e) {  
  15.                     if (e.index == 1) {  
  16.                         info.innerText = '你刚确认MUI是个好框架';  
  17.                     } else {  
  18.                         info.innerText = 'MUI没有得到你的认可,继续加油'  
  19.                     }  
  20.                 })  
  21.             });  
  22.             document.getElementById("promptBtn").addEventListener('tap', function(e) {  
  23.                 e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug,使用plus.nativeUI.prompt会造成输入法闪一下又没了  
  24.                 var btnArray = ['取消', '确定'];  
  25.                 mui.prompt('请输入你对MUI的评语:', '性能好', 'Hello MUI', btnArray, function(e) {  
  26.                     if (e.index == 1) {  
  27.                         info.innerText = '谢谢你的评语:' + e.value;  
  28.                     } else {  
  29.                         info.innerText = '你点了取消按钮';  
  30.                     }  
  31.                 })  
  32.             });  
  33.             document.getElementById("toastBtn").addEventListener('tap', function() {  
  34.                 mui.toast('欢迎体验Hello MUI');  
  35.             });  
  36.         </script></span>  

猜你喜欢

转载自blog.csdn.net/JianNingGao/article/details/80500452