You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
2.5 KiB
122 lines
2.5 KiB
.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;
|
|
}
|
|
|