mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-10 00:27:41 +08:00
102 lines
2.3 KiB
TypeScript
102 lines
2.3 KiB
TypeScript
export const IonicSlides = (opts: any) => {
|
|
const { swiper, extendParams } = opts;
|
|
const slidesParams: any = {
|
|
effect: undefined,
|
|
direction: 'horizontal',
|
|
initialSlide: 0,
|
|
loop: false,
|
|
parallax: false,
|
|
slidesPerView: 1,
|
|
spaceBetween: 0,
|
|
speed: 300,
|
|
slidesPerColumn: 1,
|
|
slidesPerColumnFill: 'column',
|
|
slidesPerGroup: 1,
|
|
centeredSlides: false,
|
|
slidesOffsetBefore: 0,
|
|
slidesOffsetAfter: 0,
|
|
touchEventsTarget: 'container',
|
|
freeMode: false,
|
|
freeModeMomentum: true,
|
|
freeModeMomentumRatio: 1,
|
|
freeModeMomentumBounce: true,
|
|
freeModeMomentumBounceRatio: 1,
|
|
freeModeMomentumVelocityRatio: 1,
|
|
freeModeSticky: false,
|
|
freeModeMinimumVelocity: 0.02,
|
|
autoHeight: false,
|
|
setWrapperSize: false,
|
|
zoom: {
|
|
maxRatio: 3,
|
|
minRatio: 1,
|
|
toggle: false,
|
|
},
|
|
touchRatio: 1,
|
|
touchAngle: 45,
|
|
simulateTouch: true,
|
|
touchStartPreventDefault: false,
|
|
shortSwipes: true,
|
|
longSwipes: true,
|
|
longSwipesRatio: 0.5,
|
|
longSwipesMs: 300,
|
|
followFinger: true,
|
|
threshold: 0,
|
|
touchMoveStopPropagation: true,
|
|
touchReleaseOnEdges: false,
|
|
iOSEdgeSwipeDetection: false,
|
|
iOSEdgeSwipeThreshold: 20,
|
|
resistance: true,
|
|
resistanceRatio: 0.85,
|
|
watchSlidesProgress: false,
|
|
watchSlidesVisibility: false,
|
|
preventClicks: true,
|
|
preventClicksPropagation: true,
|
|
slideToClickedSlide: false,
|
|
loopAdditionalSlides: 0,
|
|
noSwiping: true,
|
|
runCallbacksOnInit: true,
|
|
coverflowEffect: {
|
|
rotate: 50,
|
|
stretch: 0,
|
|
depth: 100,
|
|
modifier: 1,
|
|
slideShadows: true,
|
|
},
|
|
flipEffect: {
|
|
slideShadows: true,
|
|
limitRotation: true,
|
|
},
|
|
cubeEffect: {
|
|
slideShadows: true,
|
|
shadow: true,
|
|
shadowOffset: 20,
|
|
shadowScale: 0.94,
|
|
},
|
|
fadeEffect: {
|
|
crossFade: false,
|
|
},
|
|
a11y: {
|
|
prevSlideMessage: 'Previous slide',
|
|
nextSlideMessage: 'Next slide',
|
|
firstSlideMessage: 'This is the first slide',
|
|
lastSlideMessage: 'This is the last slide',
|
|
},
|
|
};
|
|
|
|
if (swiper.pagination) {
|
|
slidesParams.pagination = {
|
|
type: 'bullets',
|
|
clickable: false,
|
|
hideOnClick: false,
|
|
};
|
|
}
|
|
|
|
if (swiper.scrollbar) {
|
|
slidesParams.scrollbar = {
|
|
hide: true,
|
|
};
|
|
}
|
|
|
|
extendParams(slidesParams);
|
|
};
|