# Message 消息提示
常用于主动操作后的反馈提示。与 Notification 的区别是后者更多用于系统级通知的被动提醒。。
# 采用对象方式渲染
# 基础用法
从顶部出现,3 秒后自动消失。
▼显示代码
# 可关闭
可以添加关闭按钮。。
# 文字居中
使用 center 属性让文字水平居中
# 采用对象方式渲染
此种调用的场景不如“采用对象方式渲染”多,因为message常出现于执行某个操作之后的触发,comp组件都是在页面加载后直接渲染,仅适用于一些特殊页面。
comp方式调用时,会在页面加载时自动渲染,请看页面顶部的触发效果
▼显示代码
# 参数列表
参数 | 说明 | 类型 | 默认值 | ||
---|---|---|---|---|---|
options | title | 标题(必填) | string | - | |
type | 主题/类型(选填) | string("success"/"info"/"warning"/"error"/"explain") | "info" | ||
targetWindow | 本组件被渲染至哪一层window(选填) | window对象 | 组件被调用的window(当前window) 如果需要弹至顶层window,建议使用getCtpTop() | ||
customClass | 自定义class(选填) | string | - | ||
showClose | 是否显示关闭按钮(选填) | boolean | false | ||
center | 文案是否居中(选填) | boolean | false | ||
textWrap | 文字是否换行 | boolean | false | ||
closeText | 关闭按钮自定义文本(选填) | string | - | ||
duration | 显示时间, 毫秒。设为 0 则不会自动关闭(选填) | number | 3000 | ||
onCloseFun | 点击关闭按钮时触发的回调函数(选填) | function | - | ||
offsetTop | 距离窗口顶部的偏移量(px)(选填) | number | 20 | ||
customClose 自定义的关闭按钮(选填) 类型为一个object | type | 自定义关闭按钮的类型:text、button | string | - | |
text | 自定义关闭按钮的文字内容 | string | - |
# 方法列表
方法 | 说明 | 参数 |
---|---|---|
destory | 销毁元素 | - |