layer弹出层下方的按钮自定义位置,如居中、向左、向右

layer弹出层插件的广泛这里就不多加描述,那么我们如何控制弹出层确认按钮的位置呢?

主要代码:

success: function(layero){
layero.find('.layui-layer-btn').css('text-align', 'left')
},

left:按钮位于左下角

center:按钮位于底部中间位置

right:按钮位于右下角

事例完整代码:

layer.confirm('您是如何看待前端开发?', {
btn: ['重要','奇葩'], //按钮
success: function(layero){
layero.find('.layui-layer-btn').css('text-align', 'left')
},
}, function(){
layer.msg('的确很重要', {icon: 1});
}, function(){
layer.msg('的确很重要', {icon: 1});
});

代码亲测有效!关于更多设置,可以浏览器定位该插件的class去自己定义通过优先级调用来实现!

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!