封装一个 layer弹窗

下面是一个简单的 layer 弹窗封装示例，可以在网页中使用：

<!-- 引入 layer 的样式文件和脚本文件 -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/layer/3.1.1/theme/default/layer.css">
<script src="https://cdn.bootcdn.net/ajax/libs/layer/3.1.1/layer.js"></script>

<!-- 自定义样式 -->
<style>
    .layer-popup {
        display: none;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 20px;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .3);
        z-index: 9999;
    }
</style>

<!-- 弹窗 HTML 结构 -->
<div class="layer-popup">
    <div class="layer-popup-title">弹窗标题</div>
    <div class="layer-popup-content">弹窗内容</div>
    <div class="layer-popup-buttons">
        <button class="layer-popup-ok">确定</button>
        <button class="layer-popup-cancel">取消</button>
    </div>
</div>

<!-- 弹窗脚本代码 -->
<script>
    function layerPopup(title, content, okCallback, cancelCallback) {
        // 创建 layer 弹窗
        var $popup = $('.layer-popup');
        $popup.find('.layer-popup-title').text(title);
        $popup.find('.layer-popup-content').html(content);
        $popup.show();

        // 绑定按钮事件
        $popup.find('.layer-popup-ok').click(function() {
            $popup.hide();
            if (okCallback) {
                okCallback();
            }
        });
        $popup.find('.layer-popup-cancel').click(function() {
            $popup.hide();
            if (cancelCallback) {
                cancelCallback();
            }
        });
    }
</script>

使用时，可以调用 `layerPopup` 函数弹出弹窗，例如：

layerPopup('提示', '确定要删除吗？', function() {
    // 点击确定按钮后的回调函数
    console.log('点击了确定按钮');
}, function() {
    // 点击取消按钮后的回调函数
    console.log('点击了取消按钮');
});

在实际应用中，需要根据具体的需求进行调整和优化，例如添加更多的样式和选项，支持异步操作等。