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

前端之家收集整理的这篇文章主要介绍了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')+ "

" }); });

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

猜你在找的JavaScript相关文章