用135編輯器如何實(shí)現(xiàn)，【人民網(wǎng)】公眾號(hào)這種【點(diǎn)擊展開(kāi)卷軸】的特殊效果？

掃描這個(gè)二維碼來(lái)體驗(yàn)一下

*注意：此樣式在部分安卓手機(jī)上會(huì)出現(xiàn)閃跳問(wèn)題，這是安卓微信的bug，我們已經(jīng)向微信官方團(tuán)隊(duì)反饋。

——2020年5月28日

這種特殊的交互效果，可以輕松用135編輯器實(shí)現(xiàn)，在135編輯器內(nèi)搜索樣式“卷軸”，或者直接搜索ID“98461”，即可收藏使用

先說(shuō)說(shuō)為什么用卷軸，就拿人民網(wǎng)這篇文章舉例，文章內(nèi)容主要是講2020年兩會(huì)的政府工作報(bào)告內(nèi)容。用長(zhǎng)圖的形式展示，比純文字更便于閱讀，而且加上卷軸徐徐展開(kāi)的特殊效果，給人耳目一新的感覺(jué)。

接下來(lái)我們就講講如何制作這款特殊的樣式。

1、卷軸內(nèi)要求放置圖片。圖片大小不得超過(guò)10M，如果單張圖片過(guò)大，需要裁切成多張圖進(jìn)行上傳。

2、查找樣式，在135編輯器內(nèi)搜索“卷軸”，即可找到這款跟人民網(wǎng)文章同款的卷軸樣式了。

3、使用此樣式，需要授權(quán)同步功能，將編輯好的文章同步到公眾號(hào)后臺(tái)，點(diǎn)擊此處查看授權(quán)公眾號(hào)教程

將菜單更換成【專業(yè)版】。點(diǎn)擊【更多功能】-【換專業(yè)版】即可將樣式菜單更換成專業(yè)版菜單。如果默認(rèn)情況就是專業(yè)版菜單，則無(wú)需變更。記住，要調(diào)整SVG樣式，必須使用專業(yè)版菜單才能編輯。

單擊樣式，在彈出的菜單欄上，點(diǎn)擊【動(dòng)畫】

在SVG動(dòng)畫設(shè)置里，你可以點(diǎn)擊【圖片上傳】將樣式內(nèi)圖片素材進(jìn)行替換。

這里我們要了解，卷軸頂部和卷軸底部都是一開(kāi)始就展現(xiàn)在讀者面前的。中間部分是點(diǎn)擊后才會(huì)緩緩展開(kāi)的。我們這個(gè)樣式，支持替換卷軸頂部、中部、底部。

這個(gè)樣式除了支持卷軸效果以外

還有很多創(chuàng)意玩法，例如

 Mercedesme奔馳客戶服務(wù)

橫向展開(kāi)帷幕

掃碼預(yù)覽

 央視新聞公眾號(hào)

展開(kāi)條漫

掃碼預(yù)覽

 I DO公眾號(hào)

拉開(kāi)禮盒

掃碼預(yù)覽