评论:轻量级消息弹框插件MyukiToast(原创)  [查看原文]

所属分类:UI-工具提示

 9058  52  2
当前第1页 / 共1页
    一缕清风自在飞0
    2022/9/6 16:53:16
    能加一个关闭的回调事件么? 回复
    boringnomyukikun1
    2022/7/25 10:19:56

    toast方法中的fade属性和fadeDelay属性已不再使用,下面为最新的。

    toastObj.toast({
        "type": 'danger',
        /* 默认值: primary
        消息弹框的类型,包括以下几种:
        primary, secondary, success, danger,
        warning, info, light, dark
        */
        "message": '欢迎使用Myuki Toast??',
        /*默认的消息,创建MyukiToast实例后,调用toast()方法时,
        如果没有提供消息,将会使用默认的消息
        执行下面的语句将会弹出消息:"欢迎使用Myuki Toast??"
        toastObj.toast()
        */
        "dismissible": true,
        /* 默认值: false
        是否显示关闭按钮
        */
        "animation": 'heartbeat',
        /* 默认值: noanimation
        消息弹框的动画
        heartbeat, normal-shake, jello-horizontal,
        wobble-hor-bottom, vibrate-1, noanimation
        你也可是自己设计css动画
        */
        "autoHide": true,
        /* 默认值: true
        消息弹框是否自动隐藏,如果将autoHide设置为false,请务必
        将dismissible设置为true
        */
        "autoHideAnimation": 'originFade',
        /* 默认值: nohideanimation
        消息弹框自动隐藏的动画
        scale-out-center, fade-out, originFade, rotate-out-center,
        puff-out-center, slide-out-top, nohideanimation
        你同样可以自己设计css动画
        */
        "originFadeDuration": 1000,
        /* 默认值: 800
        只对动画 'originFade' 有效,原生fadeOut的时长
        */
        "autoHideDelay": 5000,
        /* 默认值: 3000
        弹框自动隐藏的延迟时间
        */
        "color": '#666',
        "fontSize": '16px',
        "fontFamily": 'sans-serif'
    });
    回复

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复