Copyright © 四川長虹新能源科技股份有限公司 All Rights Reserved.
翻屏元件v2.0-設定面板
容器ID名稱▩•·▩:#c_grid-16707434799710
關閉翻屏解析度▩•·▩: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◕·。設定後將自動識別│↟,並實現半屏翻動效果◕·。如所有頁面均需全屏翻轉│↟,此項切勿填寫任何內容│↟,置空即可◕·。
關閉翻屏解析度▩•·▩:當小於某個解析度寬度時│↟,翻屏效果失效│↟,改為滑屏效果◕·。
另請注意▩•·▩:
本元件內容請勿做修改刪除│↟,以免影響效果◕·。本元件在製作器內可見◕·。在網頁預覽頁面將不可見◕·。
如你對本元件的使用已經熟悉│↟,或已製作完成│↟,請將此翻屏元件說明富文字元素刪除◕·。