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