使用Layui框架的彈出層(layer)可以通過以下步驟進行:
<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.min.css">
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.min.js"></script>
<button id="demo">點擊打開彈出層</button>
layui.use(['layer'], function() {
var layer = layui.layer;
});
layui.use(['layer'], function() {
var layer = layui.layer;
document.getElementById('demo').onclick = function() {
layer.open({
title: '彈出層標題',
content: '彈出層內容',
btn: '關閉',
yes: function(index, layero) {
layer.close(index);
}
});
};
});
在上述代碼中,layer.open()
方法用于打開彈出層,通過傳入不同的參數可以實現不同的效果。其中,title
參數用于設置彈出層的標題,content
參數用于設置彈出層的內容,btn
參數用于設置彈出層的按鈕文本,yes
參數是點擊按鈕時的回調函數,用于關閉彈出層。
以上就是使用Layui框架的彈出層(layer)的基本使用方法。根據需要,您還可以通過配置不同的參數來實現更豐富的彈出層效果。