使用抽屉组件
<el-drawer
:visible.sync="RobotModuleShow"
direction="ltr"
:modal="false"
:wrapper-closable="false"
:show-close="false"
:append-to-body="true" >
</el-drawer>
修改样式
::v-deep.el-drawer__wrapper {
z-index: -3000!important;
}
.el-drawer {
position: relative;
left: 1100px;
top: 154px;
padding: 0;
width: 28.125vw !important;
height: 28.385vw;
background: rgba(7, 18, 26, 0.8);
font-size: 16px;
}
.el-drawer__header {
padding: 0 !important;
width: 520px !important;
height: 30px;
margin: 12px;
font-size: 16px;
color: #ffffFF;
background: rgba(19, 32, 42, 0.5) !important;
}
.el-drawer__body {
margin: 0px 10px 10px 10px;
background: rgba(19, 32, 42, 0.5) !important;
padding: 0;
width: 520px !important;
height: 340px;
position: relative;
}
}