zoukankan      html  css  js  c++  java
  • messager(消息窗口)

    一、$.messager.alert()类似js中的alert('String')

      方法参数:title, msg, icon, function(回调函数)

      描述:title头部面板标题、msg主要消息内容、icon:消息图标,可用值有(error,question,info,warning)、function回调函数

      

    案例1:

        $.messager.alert({
            title:'消息',
            msg:'完成加载...',
            icon:'info',
        });

    案例2:$.messager.alert('消息','完成加载...','info');        注意参数的列表顺序,不用加"{}"号!

    案例3回调函数:

        $.messager.alert('消息','完成加载...','info',function(){
          alert('退出!!');
          }
        );

    二、$.messager.show()类似于QQ的消息提示

      方法参数:showType、 showSpeed、msg、title、

      描述:

        showType:定义将如何显示该消息。可用值有:null,slide,fade,show。默认:slide。
        showSpeed:定义窗口显示的过度时间。默认:600毫秒。
        width:定义消息窗口的宽度。默认:250px。
        height:定义消息窗口的高度。默认:100px。
        title:在头部面板显示的标题文本。
        msg:显示的消息文本。
        style:定义消息窗体的自定义样式。
        timeout(很少用):如果定义为0,消息窗体将不会自动关闭,除非用户关闭他。如果定义成非0的树,消息窗体将在超时后自动关闭。默认:4秒。

      

    案例:$.messager.show({showType:'slide', showSpeed:'600',msg:'马化腾:Q币充值成功!!!',title:'小提示'});

    三、$.messager.confirm()显示一个“确定”、“取消”提示窗口!

        参数:title, msg, function(回调函数)

        描述:title:在头部面板显示的标题文本。

           msg:显示的消息文本。
           function(r): 当用户点击“确定”按钮的时侯将传递一个true值给回调函数,否则传递一个false值。

        

    案例1:    $.messager.confirm('提示','你要退出系统吗?',function(r){

              if(r){
                  '确定'
              }{
                  '取消'
              }
           });

    四、$.messager.prompt()提示窗口confirm,不同的是可以输入信息!

        参数:title, msg, function(回调函数)

        描述:

          title:在头部面板显示的标题文本。

          msg:显示的消息文本。
          function(val): 在用户输入一个值参数的时候执行的回调函数。 

        

    案例:$.messager.prompt('小提示','请输入你的名字',function(r){

        if(r){
          $('#t').val(r);//动态的修改input标签文本内容
        }
       });

    五、$.messager.progress() 进度条

        参数:

          title:在头部面板显示的标题文本。默认:空。
          msg:显示的消息文本。默认:空。
          text:在进度条上显示的文本。默认:undefined。
          interval:每次进度更新的间隔时间。默认:300毫秒。

        方法定义为:
          bar:获取进度条对象。
          close:关闭进度窗口。

        

    案例:

        $.messager.progress({

            title:'提示',
            msg:'文本',
            text:'努力中...',
            interval:'600'
        
    });

      显示进度消息窗口。

    	$.messager.progress(); 
    

      关闭进度消息窗口。

    	$.messager.progress('close');
    
  • 相关阅读:
    原生j获取元素的几种方法
    git 解决每次更新代码都要输入用户名密码
    npm/ yarn设置淘宝镜像
    git clone 失败: fatal: unable to access 'https://github.com/liufeifie/xxx.git/': Failed to connect to github.com port 443: Timed out
    git注意事项之|解决remote: User permission denied 问题
    js-input file 文件上传(照片,视频,音频)
    设置 npm 源为淘宝镜像
    vue-cli3安装过程
    PowerShell yarn : 无法加载文件 C:UserspcAppDataRoaming pmyarn.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参 阅 ....
    http协议简介
  • 原文地址:https://www.cnblogs.com/zxl89/p/6408508.html
Copyright © 2011-2022 走看看