Fetch the repository succeeded.
基于layui的notice通知控件,算是对layer的一个小扩展
列示:
layui.config({
base: './../dist/'
});
layui.use(['notice'], function () {
var notice = layui.notice; // 允许别名 toastr
// 初始化配置,同一样式只需要配置一次,非必须初始化,有默认配置
notice.options = {
closeButton:true,//显示关闭按钮
debug:false,//启用debug
positionClass:"toast-top-right",//弹出的位置,
showDuration:"300",//显示的时间
hideDuration:"1000",//消失的时间
timeOut:"2000",//停留的时间
extendedTimeOut:"1000",//控制时间
showEasing:"swing",//显示时的动画缓冲方式
hideEasing:"linear",//消失时的动画缓冲方式
iconClass: 'toast-info', // 自定义图标,有内置,如不需要则传空 支持layui内置图标/自定义iconfont类名
onclick: null, // 点击关闭回调
};
notice.warning("成功");
notice.info("提示信息:毛都没有...");
notice.error("大佬,我咋知道怎么肥四!");
notice.success("大佬,我咋知道怎么肥四!");
// 手动移除notice 或者使用 removeToast
notice.hideToast()
});
其他配置项看源码吧,不是很难理解的
支持方法
layui.use(['notice'], function () {
// 警告提示
notice.warning("提示内容");
// 正常提示
notice.info("提示内容");
// 异常提示
notice.error("提示内容");
//
notice.success("提示内容");
});
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。