Skip to content
On this page

快捷弹出层 ​

简单对layui的弹出层进行封装,提高开发效率。

参数说明类型是否必填默认值备注
data-open打开弹出层string是参数值为弹出层的url
data-title弹出层标题string是
data-full是否全屏打开string否false
data-width弹出层宽度string否
data-height弹出层高度string否
data-external是否自定义urlbool否false

代码示例

html
<button class="layui-btn layui-btn-normal layui-btn-sm" data-open="system.menu/add" data-title="添加" data-full="true"><i class="fa fa-plus"></i> 添加</button>

快捷直接请求 ​

以ajax post方式进行直接请求,无需编写js代码,一般用于修改状态之类的场景。

参数说明类型是否必填默认值备注
data-request直接请求string是参数值为直接请求的url
data-title请求时的提示语string是
data-direct是否直接请求bool否如果为true,将会直接对链接进行请求,一般用于文件链接之类的
data-table绑定的table idstring否如果有,请求成功会自动刷新对应的数据表格
html
<a data-request="system.node/refreshNode?force=0" data-title="确定更新新节点?" data-table="currentTableRenderId">更新节点</a>

图片放大镜 ​

点击图片,以弹出层方式进行放大图片。

参数说明类型是否必填默认值备注
data-image图片放大镜string是此处是图片放大后的标题
src图片地址string是

代码示例

html
<img src="test.jpg" data-image="测试图片放大">