<link rel="stylesheet" type="text/css" href="./index.css">
<div id="slider"></div>
<script type="text/javascript" src="./index.js"></script>
<script type="text/javascript">
var toaster = new Toaster()
toaster.info({
text: 'default config'
})
</script>
toaster.error({
text: 'There\'s something wrong',
textAlign: 'left',
withIcon: true,
closable: true,
animation: true,
duration: 2500,
onClick: function () {
// do sth
},
onAppear: function () {
// do sth
},
onVanish: function () {
// do sth
}
})
名称 | 注释 |
---|---|
wait | Wait 类型消息 |
info | Info 类型消息 |
success | Success 类型消息 |
warning | Warning 类型消息 |
error | Error 类型消息 |
名称 | 类型 | 约束 | 注释 |
---|---|---|---|
text | String | 必须 | 消息文本内容 |
textAlign | enum['center','left','right'] | 默认 'center' | 文本对齐方式 |
withIcon | boolean | 默认 false | 是否创建图标 |
closable | boolean | 默认 false | 是否创建关闭按钮 |
animation | boolean | 默认 false | 是否使用动画过渡 |
duration | Integer | 默认 2000 | 消息存在时长 |
名称 | 注释 |
---|---|
onClick | 当消息被点击时 |
onAppear | 当消息被创建时 |
onVanish | 当消息被销毁时 |