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>