怎么设置el-dialog__body的padding

你可以使用CSS来设置 `el-dialog__body` 的 `padding` 属性。例如，以下代码将 `el-dialog__body` 的上、下、左、右四个方向的内边距设置为10像素：

.el-dialog__body{
  padding: 10px;
}

如果你只想设置某个方向上的内边距，可以使用 `padding-top`、`padding-bottom`、`padding-left` 和 `padding-right` 属性。例如，以下代码将 `el-dialog__body` 的上方内边距设置为20像素：

.el-dialog__body{
  padding-top: 20px;
}

希望能对你有所帮助！

相关问题

怎么设置某一个el-dialog的el-dialog__body的padding，而不影响其他el-dialog

你可以为该特定的 `el-dialog` 元素设置一个独特的 `class`，然后使用该 `class` 来设置 `el-dialog__body` 的 `padding` 样式。比如：

<template>
  <div>
    <el-dialog :visible.sync="dialogVisible" :custom-class="'my-dialog'">
      <span slot="title">Dialog Title</span>
      <div class="el-dialog__body">
        Dialog Content
      </div>
      <div slot="footer">
        <el-button @click="dialogVisible = false">Cancel</el-button>
        <el-button type="primary" @click="dialogVisible = false">OK</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<style scoped>
.my-dialog .el-dialog__body {
  padding: 20px;
}
</style>

在上面的代码中，我们为 `el-dialog` 元素设置了一个名为 `my-dialog` 的自定义 `class`，并使用该 `class` 来设置 `el-dialog__body` 的 `padding` 样式。这样就只会影响到具有 `my-dialog` 类的 `el-dialog` 元素，而不会影响到其他的 `el-dialog` 元素。

<style scoped lang="stylus"> .el-dialog__body padding: 10px 20px !important; color: #606266; font-size: 14px; word-break: break-all; </style>scoped不生效

这是一段使用 Stylus 语言编写的样式代码，作用是给弹窗组件的内容区域添加内边距和颜色。具体来说，它将 .el-dialog__body 选择器下的元素的 padding 属性设置为 10px 20px，并将颜色设置为默认值。scoped 属性表示这个样式只作用于当前组件内部，不会影响到其他组件。