layui 优化button按钮和弹出框

正常下的layui在3个button按钮

压缩之后

代码为

  修改门店
  删除活动
  关闭活动
  开启活动

优化：给每个button加上空

 修改门店

效果图为

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

html

 点击查看

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')+
                "
"
            });
        });