press-pix/pmg-remind-teammates-dialog/css/index.less

基于 PixUI 的 Press 组件库

@import '../../common/styles/pubgm/mixins.less';

.pmg-remind-teammates-container{
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: .38rem;
}

.pmg-remind-teammates-wrapper{
  display: flex;
  flex-direction: column;
}

.pmg-tip-tag-wrapper {
  position: absolute;
  top: -1.15rem;
  left: 0;
  min-width: 2.04rem;
  height: .38rem;
  background-color: rgba(255, 255, 255, .3);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: .06rem;
  flex-shrink: 0;
}

.pmg-tip-tag-arrow{
  content: '';
  position: absolute;
  top: 0;
  right: -.28rem;
  width: .28rem;
  height: .38rem;
  .bgUrl('comp/icon-tag-before-4.png');
  }

.pmg-icon-bell{
  width: .32rem;
  height: .32rem;
  .bgUrl('comp/icon-bell.png');
  flex-shrink: 0;
} 


.pmg-tip-text-wrapper{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: .02rem;

  .pmg-tip-text{
    color: #FFDD21;
    font-size: .22rem;
    font-weight: bold;
  }

}

.pmg-remind-teammates-content{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 3.8rem;
  overflow: scroll;
}

.pmg-teammate-item{
  width: 6.72rem;
  min-height: 1.16rem;
  background-color: rgba(0, 0, 0, 0.30);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 .16rem;
  margin-bottom: .08rem;
  flex-shrink: 0;
}

.pmg-left-content{
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
  .pmg-avatar-img {
    width: .84rem;
    height: .84rem;
    object-fit: contain;
  }
}

.pmg-info-wrapper{
  display: flex;
  flex-direction: column;
  margin-left: .24rem;
}

.pmg-level-wrapper{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: .1rem;
  .pmg-level-text{
    color: rgba(255, 255, 255, .7);
    font-size: .2rem;
    line-clamp: 1;
    margin-left: .08rem;
  }
}
  
.pmg-name-wrapper{
  display: flex;
  flex-direction: row;
  align-items: center;
  .pmg-name-text{
    color: #fff;
    font-size: .24rem;
    font-weight: bold;
    line-clamp: 1;
    width: 3.5rem;
    line-clamp: 1;
    text-align: left;
  }

}

.pmg-icon-sex{
  width: .32rem;
  height: .32rem;
  .bgUrl('comp/man-icon.png');
  flex-shrink: 0;
  margin-right: .02rem;
  &.pmg-girl{
    .bgUrl('comp/girl-icon.png');
  }
}
  
.pmg-level-img{
  width: .3rem;
  height: .3rem;
  object-fit: contain;
}

.pmg-status-btn{
    color: #FFDD21;
    font-size: .22rem;
  &.pmg-green{
    color: #5AD28A;
  }
  &.pmg-yellow{
    color: #FFDD21;
  }
}

.pmg-status-btn-text{
  line-clamp: 1;
}