Dialog🍥
Display data on the same page in the form of pop-up window
Code demonstration
import { UDialog } from 'ungeui'
Ordinary dialog🚀
Preset event interaction🧷
Customize bottom content🥘
Custom icon type🌈
Transition animation⚙️
In addition, we hope to give users more flexibility in transition animation, thanks toanimate.css, you can pass in the legal animation class
Props
| Parameter | description | type | default value | 
|---|---|---|---|
| visible | control the display of dialog | boolean | false | 
| on-Confirm | click the dialog to confirm | (e:MouseEvent) => void | false | 
| on-Cancel | click the dialog to cancel | (e:MouseEvent) => void | undefined | 
| on-Close | click the dialog to close | (e:MouseEvent) => void | undefined | 
| enter-name | animation when dialog enter | 来自animate.css | bounceIn | 
| leave-name | animation when dialog leaves | 来自animate.css | bounceOut | 
| width | maximum width. When it is number, the unit is PX | string | number | 512px | 
| bodyMaxHeight | the maximum height of the body. When it is number, the unit is PX | string | number | 512px | 
slots
| Parameter | description | type | default value | 
|---|---|---|---|
| default | default slot | any | undefined | 
| footer | footer slot | any | undefined | 
| icon | icon slot | any | undefined |