vue3,Element Plus中抽屉el-drawer的样式设置
el-drawer标签的摆放位置说明:
要想有效设置el-drawer的样式,需确保el-drawer的上层不是template,须被其他元素包裹
如:<template><div><el-drawer></el-drawer></div></template>
<template><el-main><el-drawer></el-drawer></el-main></template>
这样摆放设置样式不起效果:<template><el-drawer></el-drawer></template>
el-drawer样式设置说明:
// 抽屉头部
::v-deep .el-drawer__header {
margin-bottom: 0;
padding: 0;
height: 32px;
// background-color: #ccc;
}
// 抽屉内容
::v-deep .el-drawer__body {
padding-top: 0;
// background-color: #ccc;
}
// 抽屉关闭按钮
::v-deep .el-drawer__close-btn {
padding: 0;
}