.el-drawer__body

.el-drawer__body是Element UI框架中的一个组件，用于实现侧边抽屉式的导航栏或者弹出式的对话框。该组件包含在el-drawer组件中，主要负责渲染抽屉或者对话框的主体内容。使用.el-drawer__body组件可以实现在页面中展示不同类型的内容，比如表单、列表、图片、文本等等。

同时，.el-drawer__body还提供了一些内置的样式类，可以用于自定义抽屉或者对话框的样式，比如设置背景颜色、边框样式等等。

相关问题

/deep/ .el-drawer__body div:first-child { padding: 10px 20px !important; } 只改变当前类下的第一个div并且不改变内部div怎么做

如果你想在 `.el-drawer__body` 类下只改变第一个 div 元素的样式，而不影响内部的 div 元素，可以使用以下选择器：

.el-drawer__body > div:first-child {
  padding: 10px 20px !important;
}

这个选择器中的 `>` 符号表示只选中 `.el-drawer__body` 的直接子元素中的第一个 div 元素，而不包括子元素中的其他 div 元素。这样就可以只改变当前类下的第一个 div 元素，并且不改变内部的 div 元素了。

el-drawer和el-row

el-drawer是一个Vue组件，用于在页面中实现抽屉式的弹出窗口。它可以通过设置direction属性来指定抽屉弹出的方向，可以是上下左右。el-drawer具有title属性用于设置弹窗的标题，visible.sync属性用于控制弹窗的显示与隐藏，before-close属性可以设置一个回调函数，在弹窗关闭前执行相应的操作。另外，el-drawer还可以通过设置modal-append-to-body和append-to-body属性来控制弹窗是否添加到body元素上。

el-row是Element UI中的网格布局组件，用于实现栅格系统。它可以将页面划分为12等分的栅格，用于灵活地布局页面内容。el-row组件可以包含el-col组件，通过设置el-col的span属性来指定每个栅格所占的份数。