vue3,Element Plus中抽屉el-drawer的样式设置

el-drawer标签的摆放位置说明:

要想有效设置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;

}

你可能感兴趣的:(vue.js,javascript,前端)