antd-mobile
Version:
<div align="center">
81 lines (80 loc) • 1.69 kB
CSS
.adm-swiper {
--height: auto;
--width: 100%;
--border-radius: 0;
--track-padding: 0;
--slide-size: 100%;
--track-offset: 0%;
display: block;
width: var(--width);
height: var(--height);
position: relative;
border-radius: var(--border-radius);
z-index: 0;
overflow: hidden;
}
.adm-swiper-track {
width: 100%;
height: 100%;
white-space: nowrap;
padding: var(--track-padding);
}
.adm-swiper-track-allow-touch-move {
cursor: -webkit-grab;
cursor: grab;
}
.adm-swiper-track-inner {
width: 100%;
height: 100%;
overflow: visible;
position: relative;
display: flex;
flex-wrap: nowrap;
}
.adm-swiper-slide,
.adm-swiper-slide-placeholder {
width: 100%;
height: 100%;
display: block;
position: relative;
white-space: unset;
flex: none;
}
.adm-swiper-item {
display: block;
width: 100%;
height: 100%;
white-space: normal;
}
.adm-swiper-horizontal .adm-swiper-track-allow-touch-move {
touch-action: pan-y;
}
.adm-swiper-horizontal .adm-swiper-indicator {
position: absolute;
bottom: 6px;
left: 50%;
transform: translateX(-50%);
}
.adm-swiper-horizontal .adm-swiper-track {
transform: translateX(var(--track-offset));
}
.adm-swiper-horizontal .adm-swiper-track-inner {
flex-direction: row;
width: var(--slide-size);
}
.adm-swiper-vertical .adm-swiper-track-allow-touch-move {
touch-action: pan-x;
}
.adm-swiper-vertical .adm-swiper-indicator {
position: absolute;
right: 6px;
top: 50%;
transform: translateY(-50%);
}
.adm-swiper-vertical .adm-swiper-track {
transform: translateY(var(--track-offset));
}
.adm-swiper-vertical .adm-swiper-track-inner {
flex-direction: column;
height: var(--slide-size);
}