点击翻转一下，里面大有乾坤！
点击下图：
组件：点击-左右翻转切换图片
编号：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条）