为什么样式要加border-1px

Question

我不加发现也可以有那个1px的边框啊

Answer 1

ustbhuangyi 2020-02-12 10:09:26

1 像素的实现可以参考二期课程的源码，使用了 cube-ui 中定义的 1px 的 mixin 函数：

border-1px($color = #ccc, $radius = 2PX, $style = solid)
 position: relative
 &::after
   content: ""
   pointer-events: none
   display: block
   position: absolute
   left: 0
   top: 0
   transform-origin: 0 0
   border: 1PX $style $color
   border-radius: $radius
   box-sizing border-box
   width 100%
   height 100%
   @media (min-resolution: 2dppx)
     width: 200%
     height: 200%
     border-radius: $radius * 2
     transform: scale(.5)
   @media (min-resolution: 3dppx)
     width: 300%
     height: 300%
     border-radius: $radius * 3
     transform: scale(.333)