UNPKG

antd-mobile

Version:
81 lines (80 loc) 1.69 kB
.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); }