press-pix/pmg-award-list-dialog/css/index.less

基于 PixUI 的 Press 组件库

.pmg-award-info-content{
  padding: .46rem .9rem .26rem;
  height: 4rem;
  overflow: scroll;
  display: flex;
  flex-direction: column;
}

.pmg-award-item{
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  margin-bottom: .54rem;
}

.pmg-award-img-wrapper{
  width: 1.28rem;
  height: 1.46rem;
  border: .02rem solid  #3770B6;
  background: rgba(20, 22, 31, 0.82);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}

.pmg-award-img{
  width: 1.04rem;
  height: 1.04rem;
  object-fit: contain;
}

.pmg-award-num{
  width: 1.04rem;
  text-align: right;
  position: absolute;
  right: .08rem;
  bottom: .08rem;
  color: #fff;
  font-size: .24rem;
  line-clamp: 1;
}

.pmg-award-info{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: .32rem;
}

.pmg-award-name{
  color: #fff;
  font-size: .24rem;
  font-weight: bold;
}

.pmg-award-desc{
  margin-top: .22rem;
  color: rgba(255, 255, 255, .7);
  font-size: .22rem;
  line-height: .32rem;
  line-clamp: 3;
  text-align: left;
}