12.element的el-dialog的body部分默认会有padding: 30px 20px;且无法通过自定义ccs样式更改(解决更改使用的封装的默认样式问题)

解决方式:通过使用/deep/ 的方式

1.通过浏览器的检查,找到封装的样式的class名:

image.png

2.在局部的ccs样式中修改封装的默认样式:

image.png

/deep/ .el-dialog__body{
  padding-right: 0;
}

来源:https://www.cnblogs.com/yyh28/p/12992861.html

/deep/简单介绍:https://developer.aliyun.com/article/694810

https://www.jianshu.com/p/83907d4221cd

 

Logo

欢迎加入 MCP 技术社区!与志同道合者携手前行,一同解锁 MCP 技术的无限可能!

更多推荐