禅道的form表单效果

Question

公司项目是用element-ui
form表单页面没有加入多于样式，显得不紧凑，效果如图：

我调整了原始样式变得紧凑了一些，但是出现了如下图问题：

于是决定学习一下禅道，他们是这样做的：

想基于element-ui 的el-input 实现这样的效果，如何改动量最小实现呢？ 提供个大概的思路也好

Answer 1

简单改下样式即可:https://codepen.io/liub1934/p...

.el-form-item {
  margin-bottom: 5px;
}
.el-form-item__error {
  position: relative;
}

Answer 2