layui 优化button按钮和弹出框的方法

正常下的layui在3个button按钮

压缩之后

代码为

rush:js;"> 修改门店 删除活动 normal switch-activity">关闭活动 normal switch-activity">开启活动

优化：给每个button加上空

rush:js;">

效果图为

点击 '点击查看'出现弹出框信息

html

点击查看

js

rush:js;"> //显示活动详情 $('.mouse-over-out').click(function(){ layer.open({ title: '活动详情',type: 1,skin: 'layui-layer-demo',//样式类名 closeBtn: 0,//不显示关闭按钮 anim: 2,//弹出层样式 shadeClose: true,//开启遮罩关闭 area: ['20%','30%'],content:"

"+ $(this).data('content')+ "

" }); });

以上这篇layui 优化button按钮和弹出框的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。