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

// 可直接复制粘贴到栅格的代码模式中

// 注意：头部需要放到栅格外面

①  saf-fullscreen

// 启动翻屏组件，在栅格容器最后一个层上添加属性

// 比如：<div class="p_gridCell" saf-fullscreen ></div>

②  saf-nofull

// 关闭翻屏效果的分辨率

// 比如：<div class="p_gridCell" saf-nofull="768" ></div>

③  saf-fullspeed

// 翻屏切换时的速度

// 比如：<div class="p_gridCell" saf-fullspeed="1000" ></div>

④  saf-pagetype

// 类型:可选，参数值"bullets/fraction/progressbar设置分页指示器样式类型，bullets:圆点;fraction: 分子式;progresser:进度条

// 比如：<div class="p_gridCell" saf-pagetype="bullets" ></div>

⑤  saf-fullfooter

// 类型: Boolean，参数值: true/false，是否开启尾屏状态，开启之后，尾屏半屏翻转，该属性开启后，翻屏只有一种垂直翻转的效果，无法选择翻屏效果。

// 比如：<div class="p_gridCell" saf-fullfooter="false" ></div>

⑥  saf-fulldirection

// 类型: Boolean，参数值: true/false，是否开启尾屏状态，开启之后，尾屏半屏翻转，该属性开启后，翻屏只有一种垂直翻转的效果，无法选择翻屏效果。

// 比如：<div class="p_gridCell" saf-fulldirection="vertical,effect03" ></div>

⑦  saf-scrollnum

// 填写数字滚动在第几屏，从0开始计数

// 比如：<div class="p_gridCell" saf-scrollnum="0" ></div>

⑧  saf-state

// 填写需要改变状态(导航，翻页器等)的屏数，以”，分割开，从0开始计数，当翻转到所设置的屏时，会给body添加Class类名: saf-active，可在body.saf-active 下写导航，翻页器等需要变换的样式

// 比如：<div class="p_gridCell" saf-state="0" ></div>

⑨  元素动画延时

// 加class类名: saf-d-1至safd-20 数字越大，延时越长，以排列元素出场顺序。巧用saf-d((@index}》可以给循环体元素统一添加延时