若依后台管理页面----el-dialog标签中自定义样式

最新推荐文章于 2024-08-14 17:13:46 发布

m1s2q3l4

最新推荐文章于 2024-08-14 17:13:46 发布

阅读量502

点赞数 1

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/m1s2q3l4/article/details/129128217

版权

一。展示图：
在这里插入图片描述
二。代码：

<!--文字居中显示（只再当前页面生效） ::v-deep -->
<style scoped lang="scss">

::v-deep .el-descriptions__title{
  margin: 0 auto;
}

::v-deep .el-dialog {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  // 内容最大可见度
  max-height:50vh;
}

::v-deep .el-dialog .el-dialog__body{
  border-top: 1px solid #dcdfe6;
  border-bottom: 1px solid #dcdfe6;
  max-height:50%  !important;
  min-height: 50%;
  overflow-y: auto;
  flex:1;
}

::v-deep .el-dialog__header {
  background-color: #DCDCDC;//恩斯伯勒
  font-weight: bold;
  text-align: left;
}




</style>