AmazeUI 弹出窗
时间: 2023-09-02 07:09:37 浏览: 138
一个弹出窗
你可以使用 AmazeUI 中的 Modal 组件来实现弹出窗口。具体步骤如下:
1. 引入 AmazeUI 样式和 JavaScript 文件:
```html
<link rel="stylesheet" href="//cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css">
<script src="//cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script>
```
2. 在页面中添加一个 Modal:
```html
<div class="am-modal am-modal-alert" tabindex="-1" id="my-modal">
<div class="am-modal-dialog">
<div class="am-modal-hd">Modal 标题</div>
<div class="am-modal-bd">Modal 内容</div>
<div class="am-modal-footer">
<span class="am-modal-btn">确定</span>
</div>
</div>
</div>
```
3. 使用 JavaScript 控制 Modal 的显示与隐藏:
```javascript
// 显示 Modal
$('#my-modal').modal('open');
// 隐藏 Modal
$('#my-modal').modal('close');
```
你可以根据需要自定义 Modal 的样式和内容。更多详细信息请参考 AmazeUI 官方文档。
阅读全文