画.5px的线

画.5px的分割线
我这里用到了px转换为rem，以及scss的知识

&::after {
   /*.03125rem下边框*/
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.05rem;
    background-color:$light-black;
    transform: scaleY(0.5);
    transform-origin: center top;
    z-index: 2;
}

veCode的px转换为rem：

1. flexible.js
2. vsCode的插件
   可以通过插件的扩展设置来调整1rem=?px
   没有默认转换快捷键，可自己设置。