圖文排版

H5

手機版秀米

對于左右滑動布局

公眾號留言最多的問題大概有

滑動布局就四五列，想要增加更多怎么做？

想把內(nèi)容放在第一個序列，要怎么做？

想調(diào)整下序列位置，該怎么弄？

放心，問題不大

因為，滑動布局更新啦

這次針對的是序列設(shè)置

增加、復(fù)制、拖動、刪除序列

這些操作都可以一條龍服務(wù)

現(xiàn)在，就一起來看下吧

這是視頻版滴~

這是文字版滴~

01

展開全文

滑動序列，更新了啥？

從左邊模板區(qū)，布局→基礎(chǔ)布局，找到左右滑動布局并添加到編輯區(qū)域中：

選中左右滑動布局，點擊工具條上的設(shè)置滑動序列，進入序列設(shè)置；在序列旁邊，有四個按鈕設(shè)置，分別為增加序列、復(fù)制當(dāng)前序列、拖動序列調(diào)整順序、刪除序列：

02

新的滑動序列怎么用呢？

滑動序列更新后，增加的四個按鈕設(shè)置，在操作左右滑動布局上，方便了很多。

1

增加滑動序列

現(xiàn)在，增加滑動序列，有兩種操作：

這兩種，第一種是這次優(yōu)化后的新增操作，第二種是一直就有的滑動序列添加操作；現(xiàn)在，我們來實際操作下：

在滑動序列設(shè)置頁面，點擊第一個序列右邊的?號，新增一個序列；新增序列處于自動選中狀態(tài)，然后從左邊點擊內(nèi)容添加。

增加滑動序列按鈕

在滑動序列設(shè)置頁面，不選中任何已有序列；直接從左邊點擊內(nèi)容，會被當(dāng)新滑動序列，加到最后。

看出來了嗎？改動后，序列里如果已有內(nèi)容，可以選中序列，進行替換；不論圖片，還是圖片，先選中序列，再從左邊選擇內(nèi)容替換：

2

復(fù)制滑動序列

復(fù)制滑動序列，就是字面意思啦；如果滑動序列內(nèi)容都一致的話，可以直接點擊復(fù)制序列按鈕，新增多個一樣的序列，方便省時。

復(fù)制滑動序列按鈕

在滑動序列設(shè)置頁面，直接點擊序列旁邊的復(fù)制按鈕，右排第二個，直接增加多個序列，內(nèi)容會復(fù)制當(dāng)前的序列。

3

拖動滑動序列調(diào)整順序

這對于左右滑動布局，是一個非常好用的功能，只要摁住拖動按鈕，就可以隨意調(diào)序列位置了。

拖動調(diào)整序列順序按鈕

在滑動序列設(shè)置頁面，鼠標(biāo)摁住拖動按鈕不松手，左右調(diào)整序列位置，放到需要的位置松開鼠標(biāo)，即完成調(diào)整順序。

4

刪除滑動序列

這里的刪除滑動序列，是將序列刪除，操作很簡單，點刪除按鈕，序列就沒了。

刪除滑動序列按鈕

依舊在設(shè)置滑動序列頁面，在需要刪除序列的旁邊，點擊刪除按鈕，該序列就被刪除了：

03

SVG布局、SVG圖集序列

也有同樣的設(shè)置

小伙伴們呀，如果你用SVG布局、SVG圖集做排版，那么會發(fā)現(xiàn)，它們的序列設(shè)置，也做了同樣的改動。

SVG布局、SVG圖集的序列設(shè)置，也可以增加、復(fù)制、拖動、刪除序列操作。

SVG布局動畫層的序列設(shè)置

SVG圖集動畫層的序列設(shè)置

基本來說，SVG圖集的序列與左右滑動布局是很相似的，只需要考慮圖片本身就好了；而SVG布局的序列，還要考慮后續(xù)的動畫設(shè)置是否合理。

小結(jié)

這次的更新，是左右滑動布局、SVG布局、SVG布局的序列操作設(shè)置調(diào)整。

在每列序列旁邊，新增四個按鈕，增加序列、復(fù)制序列、拖動序列調(diào)整順序、刪除序列；另外，現(xiàn)在選中序列，可對序列里的內(nèi)容進行替換。

更多閱讀

小白適用

系統(tǒng)介紹秀米的基礎(chǔ)操作

長按識別二維碼繼續(xù)閱讀

??? 向左滑動

秀米有那么多騷技能

不來學(xué)幾招？

長按掃碼關(guān)注我們

想知道秀米今年有多努力嗎？

點“閱讀原文”看看吧~

填表有機會獲得米點哦~