使用data-uk-modal属性可快速实现弹窗效果，通过HTML结构与data参数配置行为，如bgclose、escClose等，结合uk-modal、uk-modal-dialog类构建弹窗，支持JavaScript控制与事件监听，适用于响应式开发。
UIkit 提供了强大的 JavaScript 组件支持，结合简单的 HTML 和 data属性，可以快速实现弹窗（Modal）效果。无需写一行 JavaScript 代码，只需正确使用 UIkit 提供的属性和类名即可。
启用弹窗：使用 data-uk-modal
要触发一个弹窗，只需要在触发元素上添加 data-uk-modal 属性，并指向目标弹窗容器。
示例：点击按钮显示弹窗
弹窗标题
这里是弹窗内容。
弹窗结构说明
一个标准的 UIkit 弹窗由以下几部分组成：
立即学习“前端免费学习笔记（深入）”；
- uk-modal：外层容器，定义弹窗根元素
- uk-modal-dialog：中间对话框，居中显示内容
- uk-modal-close 或 uk-close：关闭按钮，可自动绑定关闭事件
- 可通过添加 .uk-modal-full 实现全屏弹窗
通过 data 属性配置行为
UIkit 允许通过 data 属性传递参数，自定义弹窗行为。
常见配置项：- bgclose: true/false —— 点击背景是否关闭弹窗
- escClose: true/false —— 按下 Esc 键是否关闭
- center: true/false —— 内容是否垂直居中
JavaScript 控制（可选增强）
虽然 data 属性足够使用，但也可以通过 JavaScript 更灵活控制。
获取弹窗实例并手动操作：
var modal = UIkit.modal('#my-modal');
modal.show(); // 显示
modal.hide(); // 隐藏
还可以监听事件，如 show.uk.modal、hide.uk.modal 等，用于执行回调逻辑。
基本上就这些。使用 data-uk-modal 结合正确的 DOM 结构，就能轻松实现各种弹窗效果，适合快速开发和响应式界面集成。
