前言
1、弹出框提示修改
2、提示文字自定义
3、自定义条件提示
1、效果
修改前
修改后
实现方式
我的layui版本是2.6.8
js文件只有layui.js(之前的版本可修改form.js文件源码)
所以打开layui.js修改源码,修改如下
// 将
i.msg(f,{
icon:5,shift:6})
// 替换成
i.tips(f, r)
或者以前版本的修改form.js文件(如果没有上面 i.msg(f,{icon:5,shift:6}) 这个的时候)
// 将
layer.msg(tips || verify[thisVer][1], {
icon: 5
,shift: 6
});
// 替换成
layer.tips(tips || verify[thisVer][1], item);
如图1下所示(Hbuilder颜色未改,则是黄背景)
或如图2所示
我喜欢把提示框颜色改了,以下就是我修改的样式(打开layui.css换行放到后面即可)
/* layer提示*/
.layui-layer-tips .layui-layer-content{
background: #79c758;
}
.layui-layer-tips i.layui-layer-TipsL, .layui-layer-tips i.layui-layer-TipsR{
border-bottom-color: #79c758;/* 左边 右边*/
}
.layui-layer-tips i.layui-layer-TipsT, .layui-layer-tips i.layui-layer-TipsB{