layer.confirm 需要三个操作按钮,按钮颜色各不一样
时间: 2023-09-02 20:14:51 浏览: 50
可以使用layer.confirm的btn参数来设置按钮的样式和数量。btn参数是一个数组,可以设置三个字符串元素,分别表示三个按钮的名称。每个字符串中可以包含一个class类名,用来设置该按钮的样式。例如:
```
layer.confirm('确认要删除吗?', {
btn: ['确定', '取消', '不确定'],
btn1: 'btn-danger', //设置确定按钮的样式
btn2: 'btn-default', //设置取消按钮的样式
btn3: 'btn-warning' //设置不确定按钮的样式
}, function(){
//确定删除的操作
}, function(){
//取消删除的操作
}, function(){
//不确定删除的操作
});
```
在上面的例子中,第一个按钮的样式为btn-danger,表示红色按钮;第二个按钮的样式为btn-default,表示默认颜色按钮;第三个按钮的样式为btn-warning,表示黄色按钮。你可以根据需要自定义按钮的样式和数量。
相关问题
layer.confirm 按钮取消不了
如果您使用的是 layui 的 layer.confirm 方法,并且无法取消确认框中的按钮,可能是因为您没有正确设置回调函数。请确保您已经正确设置了回调函数并且使用了 return false 来防止默认行为,例如:
```
layer.confirm('您确定要删除吗?', function(index){
// 确认删除操作
// ...
layer.close(index); // 关闭确认框
}, function(){
// 取消删除操作
return false;
});
```
如果您仍然无法取消按钮,请检查您的代码是否有其他错误或冲突。您也可以尝试更新 layui 版本或者尝试使用其他的确认框插件。
layer.confirm隐藏关闭按钮
在使用layer.confirm()方法创建弹框时,可以通过设置closeBtn参数来隐藏关闭按钮。具体来说,将closeBtn的值设为0即可隐藏关闭按钮。下面是一个例子代码:
layer.confirm('纳尼?', {
title: "操作提示",
icon: 0,
closeBtn: 0, // 隐藏关闭按钮
shade: [0.3, '#000'],
shadeClose: true,
btn: ['按钮一', '按钮二', '按钮三'] // 可以无限个按钮
}, function(index, layero){
// 按钮【按钮一】的回调
}, function(index){
// 按钮【按钮二】的回调
});
通过将closeBtn参数设置为0,就可以隐藏关闭按钮。这样,弹框将不再显示关闭按钮。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Layui的layer.confirm弹框用法,很详细](https://blog.csdn.net/kt1776133839/article/details/129463879)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]