Dialog🍥
以弹窗的形式在同一个页面展示数据
代码演示
import { UDialog } from 'ungeui'
普通弹窗🚀
预置事件交互🧷
自定义底部内容🥘
自定义Icon类型🌈
过渡动画类别⚙️
除此之外,在过渡动画上我们希望给于用户更多的灵活性,这得益于animate.css,可以传入其中合法的动画类
Props
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
visible | 控制弹窗的显示 | boolean | false |
on-Confirm | 点击弹窗确定 | (e:MouseEvent) => void | false |
on-Cancel | 点击弹窗取消 | (e:MouseEvent) => void | undefined |
on-Close | 点击弹窗关闭 | (e:MouseEvent) => void | undefined |
enter-name | 弹窗进入的动画 | 来自animate.css | bounceIn |
leave-name | 弹窗离开时的动画 | 来自animate.css | bounceOut |
width | 最大宽度,为number时,单位为px | string | number | 512px |
bodyMaxHeight | body最大高度,为number时,单位为px | string | number | 512px |
slots
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
default | 默认插槽 | any | undefined |
footer | 底部插槽 | any | undefined |
icon | Icon插槽 | any | undefined |