press-pix
Version:
基于 PixUI 的 Press 组件库
100 lines (98 loc) • 1.97 kB
text/less
.bd-title{
position: absolute;
left: 1.55rem;
top: 0.75rem;
font-size: .18rem;
color: #294391;
}
.award-list{
display: flex;
flex-direction: column;
width: 9.54rem;
height: 4.6rem;
margin-top: .14rem;
margin-left: .48rem;
overflow: scroll;
scrollbar-color: transparent;
scrollbar-width: 0;
}
.award-item{
display: flex;
flex-direction: row;
align-items: center;
flex-shrink: 0;
width: 100%;
height: 1.06rem;
margin-bottom: .04rem;
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/award-item-bg.png);
background-size: 100%;
}
.award-item1{
.award-num-box{
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/award-bg1.png);
}
}
.award-item2{
.award-num-box{
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/award-bg2.png);
}
}
.award-item3{
.award-num-box{
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/award-bg3.png);
}
}
.award-num-box{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 2.04rem;
height: 1.06rem;
background-size: 2.04rem 1.06rem;
background-repeat: no-repeat;
.award-num{
font-family: GameFont;
font-size: .26rem;
color: #294391;
}
.award-num-img{
width: .88rem;
height: .88rem;
}
}
.award-detail{
margin-left: .18rem;
width: 7.3rem;
overflow: scroll;
}
.award-detail-item{
display: flex;
flex-direction: row;
align-items: center;
flex-shrink: 0;
&+.award-detail-item{
margin-left: .32rem;
}
}
.award-img-box{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: .8rem;
height: .8rem;
background-color: #c7d1e9;
}
.award-img{
width: .64rem;
height: .64rem;
}
.award-name{
margin-left: .1rem;
width: 1.2rem;
font-family: GameFont;
font-size: .2rem;
color: #294391;
line-clamp: 2;
}