AmazeUI 弹出窗

AmazeUI 提供了一些原生的弹出窗组件，例如 Modal（模态框）、Message（消息提示框）等。以下是一个使用 Modal 组件的示例：

<!-- 引入 AmazeUI 样式文件 -->
<link rel="stylesheet" href="https://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css"/>

<!-- 引入 jQuery 和 AmazeUI JavaScript 文件 -->
<script src="https://cdn.amazeui.org/amazeui/2.7.2/js/jquery.min.js"></script>
<script src="https://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script>

<!-- 创建一个触发弹出窗的按钮 -->
<button class="am-btn am-btn-primary" data-am-modal="{target: '#my-modal'}">弹出窗</button>

<!-- 创建弹出窗的 HTML 代码 -->
<div class="am-modal am-modal-alert" tabindex="-1" id="my-modal">
  <div class="am-modal-dialog">
    <div class="am-modal-bd">
      这是一个弹出窗
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>

在上面的示例中，我们首先引入了 AmazeUI 的样式文件和 JavaScript 文件。然后创建了一个触发弹出窗的按钮，并将它的 `data-am-modal` 属性设置为弹出窗的 ID。最后，我们创建了一个弹出窗的 HTML 代码，其中 `am-modal-alert` 是 Modal 组件的样式类名，`am-modal-dialog` 是弹出窗的主体内容，`am-modal-bd` 是弹出窗的内容区域，`am-modal-footer` 是弹出窗的底部区域，可以放置按钮等操作控件。

以上示例只是使用了 Modal 组件的一种方式，AmazeUI 还提供了其他的弹出窗组件，可以根据自己的需求选择使用。