# 快捷彈出層
簡單對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="測試圖片放大">
~~~