css类总结

移动端兼容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);

  }

}