当前位置:   article > 正文

elementui 修改el-dialog样式

el-dialog样式

方案一、(如果添加append-to-body属性,则此方案不生效)

              在<el-dialog>外层添加一个父盒子比如class='batch-box',然后在style scoped中用::v-deep();     具体代码如下:

               .batch-box{

                   ::v-deep(.el-dialog__body){

                         max-height: none;

                   } 

               }

方案二、

        用文档里的自定义属性custom-class=‘batch-box’,然后在style中写(不能有scoped属性,如果不想删该属性,则在style scoped下面再写一个style即可。亲测:如果写到style scoped中即使用::v-deep也不生效~)

<style scoped lang='scss'></style>

<style>

  .dialog-batch .el-dialog__body{

     max-height: none;

  }

</style>

       

     

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号