浏览 63
扫码
快捷弹出层
简单对layui的弹出层进行封装,提高开发效率。
参数 | 说明 | 类型 | 是否必填 | 默认值 | 备注 |
---|---|---|---|---|---|
data-open | 打开弹出层 | string | 是 | 参数值为弹出层的url | |
data-title | 弹出层标题 | string | 是 | ||
data-full | 是否全屏打开 | string | 否 | false | |
data-width | 弹出层宽度 | string | 否 | ||
data-height | 弹出层高度 | string | 否 |
代码示例
<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 id | string | 否 | 如果有,请求成功会自动刷新对应的数据表格 |
<a data-request="system.node/refreshNode?force=0" data-title="确定更新新节点?" data-table="currentTableRenderId">更新节点</a>
图片放大镜
点击图片,以弹出层方式进行放大图片。
参数 | 说明 | 类型 | 是否必填 | 默认值 | 备注 |
---|---|---|---|---|---|
data-image | 图片放大镜 | string | 是 | 此处是图片放大后的标题 | |
src | 图片地址 | string | 是 |
代码示例
<img src="test.jpg" data-image="测试图片放大">