1
2

Function parameters:

saf-fullscreen saf-nofull="768"saf-fullspeed="1000"saf-pagetype="bullets"saf-fullfooter="false"saf-fulldirection="vertical,effect03"Saf-scrollnum ="0"saf-state="0"

// can be directly copied and pasted into the code pattern of the grid

// Note: The head needs to be placed outside the grid

Parameter description:

Ge saf-fullscreen

// Start the screen flipping component and add attributes to the last layer of the raster container.

// 比如：

saf-fullscreen >

 

②  saf-nofull

// Turn off the resolution of the screen flip effect

// 比如：

saf-nofull="768">

 

Ge saf-fullspeed.

// Speed of screen switching

// 比如：

saf-fullspeed="1000" >

 

④ saf-pagetype

// Type: optional, the parameter value "bullets/fraction/progressbar to set the paging indicator style type, bullets: dot; fraction: molecular formula; progresser: progress bar

// 比如：

saf-pagetype="bullets" >

 

⑤  saf-fullfooter

// Type: Boolean, parameter value: true/false, whether to enable the tail screen state, after enabling, the tail screen half-screen flip, after this attribute is enabled, the screen flip only has a vertical flip effect, cannot select the screen flip effect.

// 比如：

saf-fullfooter="false" >

 

⑥  saf-fulldirection

// Type: Boolean, parameter value: true/false, whether to enable the tail screen state, after enabling, the tail screen half-screen flip, after this attribute is enabled, the screen flip only has a vertical flip effect, cannot select the screen flip effect.

// 比如：

saf-fulldirection="vertical,effect03">

 

⑦ Collection-scroll

// Fill in the number and scroll on which screen, starting from 0

// 比如：

Saf-scrollnum ="0">

 

⑧ saf-state

//Fill in the number of screens that need to change the state (navigation, page flipper, etc.), with ", split and count from 0. When turning to the set screen, Class class name will be added to body: saf-active, and navigation, page flipper and other styles that need to be changed can be written under body.saf-active

// 比如：

saf-state="0" >

 

Element animation delay

// Add class name: the larger the number from saf-d-1 to safd-20, the longer the delay to arrange the order of elements. Clever use of saf-d(((@ index}) can uniformly add delay to loop elements