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













