公眾號滑動布局怎么做?(滑動布局教程)
如果領(lǐng)導(dǎo)給你多張圖片進(jìn)行排版,還要求需要保證美觀,你會如何應(yīng)對?如果是三兒面對這種難題,我除了會考慮到滑動SVG組件外,還會想到更簡潔的滑動布局。
在編輯器頁面左側(cè)的【樣式】版塊中,選擇【布局】—【基礎(chǔ)布局】—【滑動布局】,點(diǎn)擊滑動布局就可以放入到編輯區(qū)域中。
選中滑動布局后打開滑動布局面板,選擇【編輯】即可進(jìn)入到滑動布局的編輯頁面。
進(jìn)入到頁面之后,雙擊該頁面即可進(jìn)入到滑動布局的編輯界面。
此界面與我們的首頁的編輯區(qū)是類似的,在這里面我們除了可以放置圖片外,還可以放置像樣式、模板以及你編輯好的文章內(nèi)容。
排版好你的內(nèi)容后,點(diǎn)擊右側(cè)的【完成編輯】即可,這就表示你設(shè)置好了滑動布局第一屏的內(nèi)容。
添加/刪除畫布
一屏內(nèi)容是無法實(shí)現(xiàn)左右滑動效果的,我們還需要增加多屏內(nèi)容才可以,所以這時你就需要增加畫布來繼續(xù)排版其他內(nèi)容。
你只需要點(diǎn)擊畫布旁邊的+號就可以添加畫布。
若想要刪除畫布,點(diǎn)擊旁邊的按鈕即可進(jìn)行刪除。
滑動方向選擇
我們的滑動布局可以實(shí)現(xiàn)兩種滑動效果,左右滑動和上下滑動,想切換滑動方向就需要用到左側(cè)頂部的方向選擇,橫向就代表左右滑動效果,豎向代表上下滑動效果。
寬度調(diào)整
滑動布局系統(tǒng)默認(rèn)的寬度是100%,如果你覺得太寬了,可以設(shè)置百分比進(jìn)行調(diào)整。
添加背景
我們還可以在滑動布局中為添加的圖片、樣式添加背景,包括動態(tài)背景、靜態(tài)背景(漸變色、純色、格子、波點(diǎn)等),以及自定義背景也能實(shí)現(xiàn)。
滑動效果展示
左右滑動↑
上下滑動↑
立即登錄



