移动端兼容1px下划线变粗展示不友好

用下划线用伪做并兼容移动端

.hairline--bottom {   position: relative;
  &:after {     content: " ";     position: absolute;     bottom: 0;     width: 100%;     height: 1px;     background: #e5e5e5;     transform: scaleY(0.5);   } }
.hairline--top {   position: relative;
  &:after {     content: " ";     position: absolute;     bottom: 0;     width: 100%;     height: 1px;     background: #e5e5e5;     transform: scaleY(0.5);   } }