.editor-attribute{ display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding:10px; width:100%; height:740px; overflow: hidden; overflow-y: auto; .el-collapse{ width:100%; } .el-collapse-item{ border:1px solid #e5e5e5; width:100%; padding:10px; margin-top:10px; border-radius: 10px; } .el-collapse-item__header,.el-collapse-item__wrap{ border:none!important; } .el-form{ width:100%; .line{ width:100%; } .attr-items{ display:flex; flex-direction: column; .attr-item{ height:50px; font-size:12px; display: flex; justify-content: flex-start; align-items: center; } } .el-form-item{ margin-bottom:0px; .el-form-item__label{ text-align:left; } .el-form-item__content{ text-align:left; .input-item{ width:100%; } .input-num{ width:40%; margin-left:5px; } .btn-save{ display:flex; justify-content:flex-end; align-items: center; width:100%; height:50px; } .header-list{ border:1px solid #CCC; border-radius: 10px; height:100px; clear:both; display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; overflow: hidden; overflow-y: auto; .item{ padding-left:10px; width:100%; height:20px; line-height: 20px; color:#000; } .active-item{ background:#f1f1f1; color:#cfcfcf!important; } } .opt{ width:100%; height:50px; display:flex; flex-direction: row; justify-content: space-evenly; align-items: center; } } } } }