點擊翻轉一下，里面大有乾坤！
點擊下圖：
組件：點擊-左右翻轉切換圖片
編號：10197（組件）
這是一個普普通通的點擊左右翻轉切換圖片效果，點擊一下，圖片左右翻轉，出現一張新的圖片。
而其實，在圖片翻轉之后，我們還可以藏入更多的交互效果和內容，這就是今天要向大家介紹的「點擊翻轉-左滑組合(自動對齊)」，感受下：
組合：點擊翻轉-左滑組合(自動對齊)
編號：10835（組合）
正如組合名稱所表達的一樣，該組合其實是點擊翻轉效果和左滑組合的結合，點擊翻轉之下是一個左滑組合，在左滑組合中我們可以任意嵌套各種效果和內容，給人內藏乾坤之感。
如果翻轉之后不需要滑動效果的話，可以刪除一個滑動模塊，只保留一個，就和普通的「點擊切換組合」一樣。
以開頭Demo為例，一起看下詳細教程。
工具：iPaiban Pro 黑科技編輯器，網址：x.iPaiban.com
組合：點擊翻轉-左滑組合(自動對齊)
編號：10835（組合）
組件：長按-切換圖片
編號：10049（組件）
第1步：選擇組合
登錄 iPaiban Pro 編輯器后，點擊編輯器左側「組合」按鈕，點擊「點擊切換」分類中選擇「點擊翻轉-左滑組合(自動對齊)」，或者直接在「組合」中搜索編號10835。
第2步：設置點擊翻轉內容
點擊「點擊此處配置」，進入組合編輯頁面。
在組合編輯模式中，我們先設置點擊翻轉效果的內容。點擊前上傳一張封面圖片，點擊翻轉后的圖片為左滑首屏內容。兩張圖片尺寸需保持一致。
拖動下方「動畫時間」滑塊可以調整翻轉動畫的時間，一般保持默認即可。
第3步：設置翻轉后的內容
組合默認有2個滑動模塊，Demo中有3個，所以我們需點擊「添加組件位」添加一個滑動模塊。
左側找到需要的「長按-切換圖片」組件，分別拖動組件至3個滑動模塊的組件位中，接著編輯組件上傳素材即可。
第4步：導入公眾號后臺
點擊左上角「保存并退出」，在編輯器主頁右側點擊「預覽草稿」進行預覽，預覽沒有問題后繼續點擊「導入微信后臺」開始導到公眾號。
導入時使用 iPaiban Pro 小助手更方便哦，最新v2.0版本的小助手還支持一鍵打包下載圖文圖片素材，非常方便，安裝教程戳：《iPaiban Pro小助手v2.0來啦！》
如果還想編輯里面的內容，可再次點擊「點擊此處配置」進入。
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網址：x.iPaiban.com，復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊并使用。
新用戶在「新手禮包」可領取3天企業標準版會員體驗權，以及22個常用必備組件的大禮包（1年）。隨禮包附贈千元優惠券，每單最高立降500元。
● SVG 黑科技交互排版????????
·
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）