前端消息与弹窗

DANGER

暴露公共提示组件，可在前端任意位置调用，例如：

1. 在 app.js 中调用
2. 在自定义页面中使用 parent.msg.xxx 的形式调用
3. 也可在自定义按钮的返回 JS 中调用
4. erupt-websocket 推送时调用

INFO

注：1.12.15 及以上版本支持

全局提示组件

window.msg.info('This is a normal message');
window.msg.success('This is a normal message');
window.msg.error('This is a normal message');
window.msg.warning('This is a normal message');

// loading
let loading = window.msg.loading('This is a normal message', { nzDuration: 2500 });
// 手动关闭 loading
window.msg.remove(loading.messageId);

弹窗提示组件

window.modal.info({
  nzTitle: 'This is a notification message',
  nzContent: '<p>some messages...some messages...</p>',
  nzOnOk: () => console.log('Info OK')
})
window.modal.success({
  nzTitle: 'This is a notification message',
  nzContent: '<p>some messages...some messages...</p>',
  nzOnOk: () => console.log('Info OK')
})
window.modal.error({
  nzTitle: 'This is a notification message',
  nzContent: '<p>some messages...some messages...</p>',
  nzOnOk: () => console.log('Info OK')
})
window.modal.warning({
  nzTitle: 'This is a notification message',
  nzContent: '<p>some messages...some messages...</p>',
  nzOnOk: () => console.log('Info OK')
})
window.modal.confirm({
  nzTitle: 'Are you sure delete this task?',
  nzContent: '<b style="color: red;">Some descriptions</b>',
  nzOkText: 'Yes',
  nzOkType: 'primary',
  nzOkDanger: true,
  nzOnOk: () => console.log('OK'),
  nzCancelText: 'No',
  nzOnCancel: () => console.log('Cancel')
})

// 关闭所有弹窗
window.modal.closeAll();

通知提示组件

window.notify.blank('title', 'content', [options]) // 不带图标的提示
window.notify.success('title', 'content', {
  nzPlacement: 'bottom'
})
window.notify.error('title', 'content')
window.notify.info('title', 'content')
window.notify.warning('title', 'content')

options 参数

参数	说明	类型	默认值
nzDuration	持续时间（毫秒），设为 0 时不自动消失	number	4500
nzMaxStack	同一时间可展示的最大提示数量	number	8
nzPauseOnHover	鼠标移上时禁止自动移除	boolean	true
nzAnimate	开关动画效果	boolean	true
nzTop	消息从顶部弹出时距顶部的位置	string	24px
nzBottom	消息从底部弹出时距底部的位置	string	24px
nzPlacement	弹出位置：topLeft topRight bottomLeft bottomRight top bottom	string	topRight
nzDirection	通知的文字方向	'ltr' | 'rtl'	-

在组件中渲染 HTML

1.12.23 及以上版本支持

提示组件、弹窗组件、通知组件的内容参数默认只接收普通文本，如需渲染 HTML，需用 window.safeHtml 包裹告知框架标签安全可渲染：

window.msg.error(window.safeHtml(`
    提示xxx错误
    <button style="margin-left:20px" onclick="window.location.hash = '/xxx'">查看</button>
`), {
    nzDuration: 5000
})