press-pix/popover/css/index.less

基于 PixUI 的 Press 组件库

.popover{

  .content{
    position: relative;
    background-color: rgba(6, 11, 25, 0.9);
    padding: .16rem .18rem;
    background-size: 100%;
    background-repeat: no-repeat;
    border: .02rem solid #2667ff;
    color: #fff;
    font-size: .2rem;

    &::before{
      position: absolute;
      content: '';
      display: block;
      height: .42rem;
      width: .48rem;
      top: -.1rem;
      left: 0;
      background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/icon-popover-left.png);
      z-index: 1;
    }
  
    &::after{
      position: absolute;
      content: '';
      display: block;
      width: .7rem;
      height: .5rem;
      bottom: 0;
      right: -.1rem;
      background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/icon-popover-right.png);
      z-index: 1;
    }
  }
}