press-pix
Version:
基于 PixUI 的 Press 组件库
65 lines (64 loc) • 1.45 kB
text/less
.group-slider {
width: .33rem;
height: 3.7rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
position: absolute;
right: .3rem;
bottom: .4rem;
.group-slider-list {
width: .1rem;
height: 3.3rem;
display: flex;
flex-direction: column;
align-items: center;
border-radius: .05rem;
background: #5b83df;
position: relative;
.group-slider-item {
width: 300%;
height: 1.01rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
.group-slider-item-inner {
width: .1rem;
height: 100%;
border-radius: .05rem;
background: #b3caff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.group-slider-item-text {
width: .22rem;
height: .22rem;
font-size: .18rem;
color: #294391;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background: #b3caff;
border-radius: 50%;
}
}
}
.group-slider-number {
width: .83rem;
height: .26rem;
border-radius: .13rem;
background: #b3caff;
font-size: .18rem;
color: #294391;
display: flex;
justify-content: center;
align-items: center;
}
}