关于element-ui:element中eldialog踩坑一

element中el-dialog踩坑一

1.开发环境 vue+element
2.电脑系统 windows10专业版
3.在应用 vue+element开发的过程中,咱们可能会应用到el-dialog,上面是我对el-dialog分享,心愿对你有所帮忙!
4.在template中增加如下代码:

<el-dialog   :visible.sync="centerDialogVisible"    width="70%"    center > </el-dialog>

5.在css中增加如下代码:

//笼罩默认高度和默认间距.el-dialog {  height: 90%;  margin-top: 8vh !important;}//批改两头模块的高度.el-dialog__body {  height: 94%;  padding: 0 !important;}/* 笼罩 el-dialog的默认高度 完结啦 *//* 笼罩 el-dialog 默认的背景色 */.el-dialog,.el-pager li {  background-image: url("../assets/images/nybj.png") !important;  background-repeat: no-repeat;}//留神 : el-dialog 的父级肯定要有宽和高,不然不失效

5.效果图如下:

6.本期的成果到了这里就完结啦,是不是很nice,心愿对你有所帮忙,让咱们一起致力走向巅峰!