layui点击按钮弹出窗口

您可以通过使用 layui 的弹窗组件 layer 实现点击按钮弹出窗口的效果。

首先，在页面中引入 layui 的样式和脚本：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layui@2.5.6/dist/css/layui.css" />
<script src="https://cdn.jsdelivr.net/npm/layui@2.5.6/dist/layui.js"></script>

然后，在需要弹窗的按钮上添加一个自定义属性，用于标识弹窗的内容：

<button class="layui-btn" data-target="#popup">点击弹窗</button>

在页面底部，添加一个隐藏的弹窗元素：

<div id="popup" style="display: none;">
  这是弹窗内容
</div>

最后，在页面底部初始化 layui 组件并添加点击事件：

<script>
  layui.use(['layer'], function() {
    var layer = layui.layer;

    // 点击按钮弹出窗口
    $('button[data-target="#popup"]').on('click', function() {
      var target = $(this).data('target');
      layer.open({
        type: 1,
        content: $(target).html(),
        anim: 5, // 弹出动画
        shadeClose: true // 点击遮罩关闭弹窗
      });
    });
  });
</script>

这样，当用户点击按钮时，就会弹出一个包含指定内容的弹窗。您可以根据需要修改弹窗的样式和内容。