在组件的外层套一个div
<div class="box">
<el-drawer v-model="drawer" title="用户信息填写">
<span>Hi there!</span>
</el-drawer>
</div>
然后设置样式
.box:deep(.el-drawer__header) {
padding: 0px 20px;
height: 50px;
line-height: 50px;
color: #000000;
margin-bottom: 0px;
border-bottom: 1px solid #ccc;
}
.box:deep(.el-drawer__title) {
font-size: 18px;
}
.box:deep(.el-drawer__close-btn){
margin-top: 15px;
}
效果如图所示

文章描述了如何在Vue组件的外层添加一个div,并使用深选选择器修改`el-drawer`的样式,如标题字体大小和边框,以定制用户信息填写区域的视觉效果。

7110

被折叠的 条评论
为什么被折叠?



