公眾號滑動布局怎么做?(滑動布局教程)

如果領導給你多張圖片進行排版,還要求需要保證美觀,你會如何應對?如果是三兒面對這種難題,我除了會考慮到滑動SVG組件外,還會想到更簡潔的滑動布局。

滑動布局入口


在編輯器頁面左側的【樣式】版塊中,選擇【布局】—【基礎布局】—【滑動布局】,點擊滑動布局就可以放入到編輯區域中。


image.png


選中滑動布局后打開滑動布局面板,選擇【編輯】即可進入到滑動布局的編輯頁面。


image.png


滑動布局面板


01
編輯內容


進入到頁面之后,雙擊該頁面即可進入到滑動布局的編輯界面。


image.png


此界面與我們的首頁的編輯區是類似的,在這里面我們除了可以放置圖片外,還可以放置像樣式、模板以及你編輯好的文章內容。


image.png


排版好你的內容后,點擊右側的【完成編輯】即可,這就表示你設置好了滑動布局第一屏的內容。


image.png



02

添加/刪除畫布


一屏內容是無法實現左右滑動效果的,我們還需要增加多屏內容才可以,所以這時你就需要增加畫布來繼續排版其他內容。


你只需要點擊畫布旁邊的+號就可以添加畫布。


image.png


若想要刪除畫布,點擊旁邊的按鈕即可進行刪除。


image.png



03

滑動方向選擇


我們的滑動布局可以實現兩種滑動效果,左右滑動和上下滑動,想切換滑動方向就需要用到左側頂部的方向選擇,橫向就代表左右滑動效果,豎向代表上下滑動效果。


image.png



04

寬度調整


滑動布局系統默認的寬度是100%,如果你覺得太寬了,可以設置百分比進行調整。


image.png



05

添加背景


我們還可以在滑動布局中為添加的圖片、樣式添加背景,包括動態背景、靜態背景(漸變色、純色、格子、波點等),以及自定義背景也能實現。


image.png


image.png



06

滑動效果展示



左右滑動↑




上下滑動↑


文章申明:本文章轉載自互聯網公開渠道,如有侵權請聯系我們刪除
文章評價
登錄后可以評論
立即登錄
分享到
毛片一区二区三区_久久久青草大香_国产午夜精品8MAV在线观看_中文字幕高清无码男人的天堂