layer.open 设置自定义对话框内容,设置多个按钮和自定义颜色
[ 2022-05-04 09:46:12 | 作者: admin ]
p.s. 自定义样式demo-class,可以修改3个按钮的颜色
layer.open({
skin: 'demo-class',
content: '自定义内容确认提交?',
btn: ["按钮1", "按钮2", "按钮3"],
yes: function (index) {
layer.close(index)
},
btn2: function (index) {
somefunciton...
},
btn3: function (index) {
somefunciton...
}
});
//在页面style中定义按钮css样式
<style>
body .demo-class .layui-layer-btn0{
border-color: #E6E3E6;
background-color: #FFF;
color: black;
}
body .demo-class .layui-layer-btn1{
border-color: #4898d5;
background-color: #2e8ded;
color: #fff;
}
</style>
skin: 'demo-class',
content: '自定义内容确认提交?',
btn: ["按钮1", "按钮2", "按钮3"],
yes: function (index) {
layer.close(index)
},
btn2: function (index) {
somefunciton...
},
btn3: function (index) {
somefunciton...
}
});
//在页面style中定义按钮css样式
<style>
body .demo-class .layui-layer-btn0{
border-color: #E6E3E6;
background-color: #FFF;
color: black;
}
body .demo-class .layui-layer-btn1{
border-color: #4898d5;
background-color: #2e8ded;
color: #fff;
}
</style>
[最后修改由 admin, 于 2022-05-04 09:52:00]
评论Feed: http://blog.xg98.com/feed.asp?q=comment&id=2849
这篇日志没有评论。
此日志不可发表评论。