朋友們大家好，我是三兒。

最近三兒看到有朋友問(wèn)：有沒(méi)有什么好玩的點(diǎn)擊翻轉(zhuǎn)的效果，看膩了點(diǎn)擊展開想換換口味。

剛好最近三兒做了一篇推文「?jìng)魉烷T」，就是運(yùn)用的點(diǎn)擊翻轉(zhuǎn)效果請(qǐng)看??

怎么樣是不是還不錯(cuò)？這是點(diǎn)擊翻轉(zhuǎn)的衍生點(diǎn)擊翻轉(zhuǎn)展開，展開內(nèi)容不僅可以放無(wú)縫圖還可以添加其他內(nèi)容，那么這個(gè)效果我們要如何實(shí)現(xiàn)呢？

在135編輯器左側(cè)，點(diǎn)擊「SVG編輯器」進(jìn)入SVG編輯器頁(yè)面。

進(jìn)入SVG編輯器后，在搜索框中輸入組件ID：788

點(diǎn)擊組件到編輯區(qū)域，注意我們?cè)谑褂媒M件前一定要先看看組件素材要求，避免做無(wú)用功哦。

在編輯頁(yè)右側(cè)，我們按要求上傳圖片素材。

如果大家想要調(diào)整翻轉(zhuǎn)時(shí)間、展開時(shí)間以及翻轉(zhuǎn)后的背景色需要在哪里調(diào)整呢？

在編輯器右下角就能找到對(duì)應(yīng)的內(nèi)容，我們按需修改就行。

我們點(diǎn)擊「編輯展開內(nèi)容」，可以根據(jù)展開類型添加對(duì)應(yīng)的組件。

我們這里添加的是無(wú)縫圖點(diǎn)擊不可彈出，當(dāng)然你也可以添加輪播、滑動(dòng)等組件

在編輯頁(yè)面完成內(nèi)容編輯后，若是完整的文章內(nèi)容我們可以選擇「同步」同步到授權(quán)的公眾號(hào)后臺(tái)中。

若是需要放到135編輯器中添加其他內(nèi)容，可以選擇「導(dǎo)出」復(fù)制代碼到135編輯器。

怎么樣，是不是很簡(jiǎn)單？

相信聰明的你

已經(jīng)學(xué)會(huì)了

眼睛學(xué)會(huì)了記得動(dòng)手操作一下哦