lojk-ui
Version:
lojk vue ui components library
34 lines (33 loc) • 620 B
CSS
.lotus-slider-wrap {
position: relative;
overflow: hidden;
user-select: none;
}
.lotus-slider-wrap-list li {
float: left;
}
.lotus-slider-wrap-list img {
pointer-events: none;
}
.lotus-slider-wrap-dot {
position: absolute;
left: 50%;
transform: translate3D(-50%, 0, 0);
bottom: 0.26666667rem;
z-index: 2;
line-height: 0;
font-size: 0;
text-align: center;
cursor: pointer;
}
.lotus-slider-wrap-dot span {
width: 8px;
height: 8px;
border: 1px solid #fff;
border-radius: 50% 50%;
display: inline-block;
margin-right: 8px;
}
.lotus-slider-wrap-dot span.active {
background: #fff;
}