首页 > 其他 > 详细

layer弹窗

时间:2018-05-19 12:35:50      阅读:188      评论:0      收藏:0      [点我收藏+]
layer.alert(content, options, yes) - 普通信息框

它的弹出似乎显得有些高调,一般用于对用户造成比较强烈的关注,类似系统alert,但却比alert更灵便。它的参数是自动向左补齐的。通过第二个参数,可以设定各种你所需要的基础参数,但如果你不需要的话,直接写回调即可。如

//eg1
layer.alert(‘只想简单的提示‘);        
//eg2
layer.alert(‘加了个图标‘, {icon: 1}); //这时如果你也还想执行yes回调,可以放在第三个参数中。
//eg3
layer.alert(‘有了回调‘, function(index){
  //do something
  
  layer.close(index);
});       
layer.confirm(content, options, yes, cancel) - 询问框

类似系统confirm,但却远胜confirm,另外它不是和系统的confirm一样阻塞你需要把交互的语句放在回调体中。同样的,它的参数也是自动补齐的。

//eg1
layer.confirm(‘is not?‘, {icon: 3, title:‘提示‘}, function(index){
  //do something
  
  layer.close(index);
});
//eg2
layer.confirm(‘is not?‘, function(index){
  //do something
  
  layer.close(index);
});       
layer.msg(content, options, end) - 提示框

我们在源码中用了相对较大的篇幅来定制了这个msg,目的是想将其打造成露脸率最高的提示框。而事实上我的确也在大量地使用它。因为它简单,而且足够得自觉,它不仅占据很少的面积,而且默认还会3秒后自动消失所有这一切都决定了我对msg的爱。因此我赋予了它许多可能在外形方面,它坚持简陋的变化,在作用方面,它坚持零用户操作。而且它的参数也是自动补齐的。


//eg1
layer.msg(‘只想弱弱提示‘);
//eg2
layer.msg(‘有表情地提示‘, {icon: 6}); 
//eg3
layer.msg(‘关闭后想做些什么‘, function(){
  //do something
}); 
//eg
layer.msg(‘同上‘, {
  icon: 1,
  time: 2000 //2秒关闭(如果不配置,默认是3秒)
}, function(){
  //do something
});   

 

 

 

layer弹窗

原文:https://www.cnblogs.com/loveMis/p/9059795.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!