element弹出框的样式更改

最新推荐文章于 2024-05-16 13:30:42 发布

weixin_47560716

最新推荐文章于 2024-05-16 13:30:42 发布

阅读量376

点赞数

分类专栏： element 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_47560716/article/details/128251994

版权

element 专栏收录该内容

10 篇文章 1 订阅

订阅专栏

  //右上角叉叉的大小和颜色
<template>
  <div class="dialog">
    <el-dialog v-model="dialogShow" :title="obj.dialogTitle" :width="obj.dialogWidth" :before-close="close" draggable>
      <slot />
    </el-dialog>
  </div>
</template>



.dialog {
  .el-dialog .is-draggable .el-dialog__header {
    float: left !important;
    color: #fff;
  }

  .el-dialog__title {
    color: #fff;
    font-size: 22px !important;
  }

  .el-dialog {
    padding: 20px;
    background-color: #093363 !important;
  }
//叉叉的样式
  .el-dialog__headerbtn {
    font-size: 40px !important;
  }

  .el-dialog__headerbtn .el-dialog__close {
    color: #fff !important;
  }
}
  }