.el-drawer__wrapper { z-index: 10 !important; position: absolute; left: 32%; overflow: visible; // height:calc(100% - 28px); // top: 14px; // right:14px ::v-deep .el-drawer { height: 100%; overflow: visible; box-shadow: 0 8px 10px -5px rgb(0 0 0 / 15%), 0 16px 24px 2px rgb(0 0 0 / 9%), 0 6px 30px 5px rgb(0 0 0 / 7%); .el-drawer__body { width: 100%; height: 100%; display: flex; flex-direction: column; .drawer-heder { display: flex; padding: 15px 10px; justify-content: space-between; align-items: center; .heder-left { display: flex; justify-content: space-between; .heder-img { width: 40px; height: 40px; margin-right: 10px; } .header-text { padding:0 20px; display: flex; flex-direction: column; justify-content: space-between; span:nth-child(1) { color: #333; font-size: 22px; } span:nth-child(2) { color: #999; font-size: 16px; } } } } .Descriptions { padding: 0 10px; } .drawer-main { // padding-top: 20px; flex: 1; overflow: hidden; // background-color: #efefef; padding: 10px 20px 20px 30px; border-top: solid 5px #f6f6f6; .el-tabs { height: 100%; display: flex; flex-direction: column; .el-tabs__header{ // padding-bottom: 5px ; .el-tabs__nav{ z-index: auto !important; } } .el-tabs__content { flex: 1; .el-tab-pane { width: 100%; height: 100%; overflow-y: auto; } .el-descriptions-item__label { padding-right: 40px; } } } } .drawer-Shut { width: 35px; height: 100px; position: absolute; top: 200px; left: -35px; .el-button { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; ::v-deep span { font-size: 12px; letter-spacing: 10px; writing-mode: tb-rl; } } } } } } ::v-deep .el-tabs__nav-wrap::after{ content: unset !important; }