uikit模态对话框

uikit模态对话框_第1张图片
image.png

为啥叫模态对话框?

不知道,叫遮盖对话框更好。因为弹出对话框的同时,背景被遮盖了。

举个例子

如下代码设置了三种激活对话框的方式,用的时候任选一种即可。

click me



click me

you have seen the effect

其中class="uk-modal这一步是创建遮罩的。
class="uk-modal-dialog"这一步是创建对话框的,
class="uk-modal-close uk-close"这一步是创建对话框的关闭按钮的,也就是右上角的x。
最后弹出的对话框样式如下

uikit模态对话框_第2张图片
image.png

参考

模态对话框 - UIkit 中文文档

你可能感兴趣的:(uikit模态对话框)