使用抽屉组件

         <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;
    }
}