Skip to content

快捷弹出层

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

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

代码示例

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="测试图片放大">