Dialog🍥

以弹窗的形式在同一个页面展示数据

代码演示

import { UDialog } from 'ungeui'

普通弹窗🚀

预置事件交互🧷

自定义底部内容🥘

自定义Icon类型🌈

过渡动画类别⚙️

除此之外,在过渡动画上我们希望给于用户更多的灵活性,这得益于animate.css,可以传入其中合法的动画类

Props

参数说明类型默认值
visible控制弹窗的显示booleanfalse
on-Confirm点击弹窗确定(e:MouseEvent) => voidfalse
on-Cancel点击弹窗取消(e:MouseEvent) => voidundefined
on-Close点击弹窗关闭(e:MouseEvent) => voidundefined
enter-name弹窗进入的动画来自animate.cssbounceIn
leave-name弹窗离开时的动画来自animate.cssbounceOut
width最大宽度,为number时,单位为pxstring | number512px
bodyMaxHeightbody最大高度,为number时,单位为pxstring | number512px

slots

参数说明类型默认值
default默认插槽anyundefined
footer底部插槽anyundefined
iconIcon插槽anyundefined

Last Updated: