layui弹出层的按钮怎么设置右下角
时间: 2023-12-19 12:16:53 浏览: 51
在 layui弹出层中,可以通过设置按钮的class属性来控制按钮的位置。如果需要将按钮设置在弹出层的右下角,可以将按钮的class属性设置为`layui-btn layui-btn-primary layui-btn-radius layui-btn-position layui-right layui-bottom`,其中`layui-right`和`layui-bottom`分别表示将按钮定位到弹出层的右侧和底部。
例如,以下代码可以创建一个包含“确定”和“取消”按钮的弹出层,并将按钮设置在弹出层的右下角:
```javascript
layer.open({
title: '提示',
content: '确定要删除吗?',
btn: ['确定', '取消'],
btnAlign: 'c',
btn1: function(index, layero){
// 点击确定按钮的回调函数
layer.close(index);
},
btn2: function(index, layero){
// 点击取消按钮的回调函数
layer.close(index);
},
success: function(layero, index){
// 设置按钮的class属性
layero.find('.layui-layer-btn').addClass('layui-btn-position layui-right layui-bottom');
}
});
```
在上面的代码中,`success`回调函数会在弹出层打开后被调用,我们在这个函数中找到包含按钮的`div`元素,并将其添加上我们设定的class属性,从而实现将按钮设置在右下角的效果。