翻屏組件v2.0-設置面板
容器ID名稱:#c_grid-1672809082086
關閉翻屏分辨率:768
組件說明:
1、請首先拖一個柵格容器,導航欄組件切勿置于該柵格容器內,導航欄應置于該柵格容器上方。
2、本翻屏組件,請置于該柵格容器下方。
3、每一個翻屏的內容請使用模塊進行制作,並將模塊放置于該柵格容器内。
4、設置好尾屏ID,則最后一个模塊高度將自動識別,實現半屏翻動效果,無需設置其他內容。
5、此翻屏組件,仅需設置好柵格容器ID及尾屏ID即可實現自動識別翻屏內容。
翻屏元素動畫效果說明:
1、本翻屏組件新增翻屏元素動畫效果,可根據自己需要在元素上設置對應動畫class類名即可。
2、动效包含:从左到右渐显:saf-ani saf-ltr;从右到左渐显:saf-ani saf-rtl;从下到上渐显:saf-ani saf-ttd;
3、动画依次延时:延时1.1s:saf-d-1;延时1.2s:saf-d-2 (尾数递增预置15个,默认从1.1s延时开始,依次递增0.1s;)
名詞說明:
容器ID:翻屏内容所在的柵格容器ID。
尾屏ID:最后一个不满全屏的模塊ID。設置后将自動識別,并实现半屏翻動效果。如所有页面均需全屏翻轉,此項切勿填寫任何內容,置空即可。
關閉翻屏分辨率:當小于某個分辨率寬度時,翻屏效果失效,改爲滑屏效果。
另請注意:
本組件内容请勿做修改删除,以免影响效果。本組件在制作器內可見。在網頁預覽頁面將不可見。
如你对本組件的使用已经熟悉,或已制作完成,请将此翻屏組件说明富文本元素删除。