SOURCE

console 命令行工具 X clear

                    
>
console
$('div.e2e-opt').on('click', 'button', function() {
    var action = $(this).attr('data-action');
    switch (action) {
        //信息提示
        case "primary":
            $.bhTip({
                content: '信息提示',
                state: 'primary'
            });
            break;
            //成功提示
        case "success":
            $.bhTip({
                content: '成功成功成功成功成功成功成功成功成功成功成功成功',
                state: 'success'
            });
            break;
            //警告提示
        case "warning":
            $.bhTip({
                content: '警告',
                state: 'warning'
            });
            break;
            //错误提示
        case "danger":
            $.bhTip({
                content: '错误',
                state: 'danger'
            });
            break;
        //错误提示
        case "loading":
            $.bhTip({
                content: '加载中...',
                state: 'loading'
            });
            break;
            //自定义停留时间
        case "hideTime":
            $.bhTip({
                content: '成功',
                state: 'success',
                hideWaitTime: 3000
            });
            break;
            //自定义图标提示
        case "customIcon":
            $.bhTip({
                content: '成功',
                state: 'success',
                iconClass: 'icon-star'
            });
            break;
            //提示关闭的回调
        case "onClose":
            $.bhTip({
                content: '成功',
                state: 'success',
                onClosed: function() {
                    $('mark').html('提示已关闭');
                }
            });
            break;
            //自定义操作提示
        case "customOption":
            $.bhTip({
                content: '成功',
                state: 'success',
                options: [{
                    text: '查看',
                    callback: function() {
                        $('mark').html('查看详细信息');
                    }
                }]
            });
            break;
    }
});
<div class="e2e-opt">
    <button data-action="success">成功提示</button>
    <button data-action="warning">警告提示</button>
    <button data-action="danger">错误提示</button>
    <button data-action="primary">信息提示</button>
    <button data-action="loading">loading提示</button>
    <button data-action="hideTime">自定义停留时间</button>
    <button data-action="customIcon">自定义图标提示</button>
    <button data-action="onClose">提示关闭的回调</button>
    <button data-action="customOption">自定义操作提示</button>
</div>

<mark>
    返回状态
</mark>