press-pix
Version:
基于 PixUI 的 Press 组件库
50 lines • 997 B
text/less
.dropdown-box {
position: relative;
background: #060b19;
}
.dropdown-selected {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 2.3rem;
height: .42rem;
}
.dropdown-match {
font-size: .22rem;
color: #ffffff;
font-family: GameFont;
}
.dropdown-date {
font-size: .16rem;
color: #ffffff;
margin: 0 .12rem;
}
.dropdown-icon {
width: .2rem;
height: .13rem;
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/node1v1/select-down-arrow.png);
background-size: 100%;
background-repeat: no-repeat;
margin-top: .02rem;
}
.dropdown-options {
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 1;
background: rgba(6, 11, 25,.8);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.dropdown-option {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: .12rem .2rem .12rem 0;
}