Description of the problem: Anyone who has used el-dialog knows that the pop-up animation it brings is relatively close to the top, and then it appears very quickly, which is not very good in appearance.
Solution:
As shown in the picture, what you want to write in the red box is the custom-class of your dialog. I wrote this effect myself. Although it is simple, it is very good. It is zooming. It is much more comfortable than the original one. You can try it . If the vue project (here refers to vue 2.*) wants to modify the component style of element-ui, it must be modified in App.vue.
⚠️ Note: The initial el-dialog has a default style of margin-top: 15vh; so it looks closer to the top. If you want to display it near the middle of the screen, margin-top: 30vh !important; or margin-top: 35vh is recommended! important; use !important to overwrite the original style. These two perceptions are much better than the original dialog position.
Hope it can help you!