公司新闻
行业动态
2025
05-23
2025
06-12
2025
06-11
最新公告
功能参数：
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}》可以给循环体元素统一添加延时