效果图
功能:弹出自动消失的提示框 参数: 1、msg 消息内容; 2、消息时长,可省参数,默认: short 短,可以使用 long 代表较长时间; 返回值:无
hui.iconToast(msg, icon)功能:弹出自动消失的、带有图标的提示框 参数: 1、msg 消息内容; 2、消息图标,可省参数,默认: success,可以使用hui-icons-xxx 样式进行图标替换,使用是省去 hui-icons部分。 返回值:无
hui.upToast(msg)功能:弹出自动消失的、顶部出现的提示框 参数: 1、msg 消息内容; 返回值:无
示例代码
HUI
HUI
Toast 提示框演示
普通 Toast
时间比较长的 Toast
带有指定图标的 Toast
顶部弹出的信息框
hui('#btn1').click(function(){hui.toast('Hi......');});
hui('#btn2').click(function(){hui.toast('Hi......', 'long');});
hui('#btn3').click(function(){hui.iconToast('操作成功', 'success');});
hui('#btn4').click(function(){hui.upToast('更新成功 !');});