press-pix
Version:
基于 PixUI 的 Press 组件库
82 lines (76 loc) • 1.93 kB
text/less
.base-pic-wrap {
width: 1.94rem;
height: 2.95rem;
background: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/record/gift-bg.png) no-repeat center center;
background-size: 100% 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 1rem;;
}
.base-pic {
width: 1.43rem;
height: 1.43rem;
object-fit: contain;
margin-top: .4rem;
}
.base-pic-text {
font-size: .22rem;
color: #060B19;
font-family: GameFont;
text-align: center;
width: 90%;
line-clamp: 1;
margin-top: .56rem;
}
.commercial {
width: 3.18rem;
height: 5.06rem;
background: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/goods/gift-bg.png) no-repeat center center;
background-size: 100% 100%;
justify-content: flex-start;
.base-pic{
width: 1.18rem;
height: 1.18rem;
background: #87A8F480;
margin-top: .8rem;
z-index: 1;
}
.base-pic-text {
margin-top: .32rem;
color: #FFFFFF;
}
.description-wrap {
width: 100%;
height: .4rem;
margin-top: .16rem;
background: linear-gradient(90deg, rgba(147, 170, 241, 0) 0%, rgba(98, 131, 237, 0.6) 48.56%, rgba(147, 170, 241, 0) 100%);
padding-left: .21rem;
padding-right: .17rem;
display: flex;
align-items: center;
justify-content: center;
}
.description-text {
text-align: center;
font-size: .2rem;
color: #060B19;
}
}
.icon-status {
position: absolute;
bottom: .2rem;
right: .15rem;
width: 1.71rem;
height: 1.45rem;
pointer-events: none;
}
.icon-status--used {
background: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/goods/used-icon.png) no-repeat center center;
background-size: 100% 100%;
}
.icon-status--expired {
background: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/goods/expired-icon.png) no-repeat center center;
background-size: 100% 100%;
}