stdf/doc/components/swiper/api_en.md

Swiper Props

Prop Name	Type	Default Value	Optional Values	Required	Description
data	Array	[]	-	Y	The data to be rendered.
interval	Number	4	-	N	Time interval (in seconds).
duration	Number	1000	-	N	Transition duration (in milliseconds).
autoplay	Boolean	true	true/false	N	Whether to enable automatic playback.
lazyplay	Boolean	true	true/false	N	Whether to enable lazy loading.
initActive	Number	0	-	N	Initial active index.
indicatePosition	String	'inner'	'inner'/'out'/'none'	N	Indicator position.
indicateAlign	String	'center'	'start'/'center'/'end'	N	Indicator alignment.
indicateStyle	String	'pointLine'	'point'/'line'/'pointLine'/'longLine'	N	Indicator style.
indicateRadius	Boolean	true	true/false	N	Whether the indicator has rounded corners.
indicateInjClass	String	'''	Class	N	Additional class for the indicator.
indicateColor	String	'''	Class	N	Indicator color.
indicateActiveColor	String	'''	Class	N	Active indicator color.
aspectRatio	Array	[16, 9]	-	N	Container aspect ratio.
containerWidth	Number	0	-	N	Container width.
px	String	’0‘	'0'/'1'/'2'/'4'/'6'/'8'/'12'/'16'/'24'	N	Horizontal padding of the container.
py	String	'0'	'0'/'1'/'2'/'4'/'6'/'8'/'12'	N	Vertical padding of the container.
translateX	Number	0	-	N	X-axis offset value for inactive containers.
translateZ	Number	0	-	N	Z-axis offset value for inactive containers.
rotateX	Number	0	-	N	X-axis rotation value for inactive containers.
rotateY	Number	0	-	N	Y-axis rotation value for inactive containers.
rotateZ	Number	0	-	N	Z-axis rotation value for inactive containers.
activeInjClass	String	’‘	Class	N	Additional class for active container.
notActiveInjClass	String	’‘	Class	N	Additional class for inactive containers.
radius	String	'none'	'none'/'base'/'xl'/'2xl'/'full'	N	Container inner radius.
innerInjClass	String	’‘	Class	N	Additional class for elements inside the container.

Swiper Events

Event Name	Parameters	Description
clickimg	event: The event object detail representing the index of the clicked container.	Triggered when an image inside a container is clicked.
change	event: The event object detail representing the index of the current active container.	Triggered when the current active container changes.