点击翻翻翻翻翻翻翻翻翻翻牌
春节期间，打牌是中国人非常常见的一个娱乐项目。
每一张牌在被翻开之前具有各种可能性，这也是打牌的乐趣之一。新年开工第一天，老沙向大家推荐一个具有翻牌体验的效果组合——点击翻转-左滑组合(自动对齐)。
组合：点击翻转-左滑组合(自动对齐)
编号：10835（组合）
该效果为点击翻转效果和左滑组合的结合，点击翻转之下是一个左滑组合，在左滑组合中我们可以任意嵌套各种效果和内容，给人内藏乾坤之感。
今天主要介绍的是另一种玩法：如果翻转之后不需要滑动效果的话，可以删除多余的滑动模块，只保留一个滑动模块。在保留的这个滑动模板中我们嵌套不同的组件，就可以实现点击翻转藏壁纸、红包封面、小程序等效果。
嵌套「点击弹出-弹出图片(有触发区)」组件（编号：10069）实现点击翻转藏壁纸：
嵌套「红包封面-图片」组件（编号：11137）实现点击翻转藏红包封面：
▲GIF演示
嵌套「小程序-图片(无角标)」组件（编号：10015）实现点击翻转藏小程序：
还可与「多列布局」组合互相嵌套使用：
以点击翻转藏壁纸效果为例，一起看下如何制作的吧：
工具：iPaiban Pro 黑科技编辑器，网址：x.iPaiban.com
组合：点击翻转-左滑组合(自动对齐)
编号：10835（组合）
组件：点击弹出-弹出图片(有触发区)
编号：10069（组件）
第1步：选择组合
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组合」按钮，点击「点击切换」分类中选择「点击翻转-左滑组合(自动对齐)」，或者直接在「组合」中搜索编号10835。
第2步：设置点击翻转内容
点击「点击此处配置」，进入组合编辑页面。
在组合编辑模式中，先设置点击翻转前的内容。点击前上传一张封面图片，点击后的图片为左滑首屏内容，背景图为翻转过程中露出的图片，一般纯色图片即可。三张图片尺寸需保持一致。
拖动「动画时间」滑块可以调整翻转动画的时间，一般保持默认即可。
为了保证翻转后图片不滑动，在最后还需选择「禁用滑动」。
第3步：设置翻转后的内容
组合默认有2个滑动模块，点击删除一个滑动模块。
左侧「组件」找到「点击弹出-弹出图片(有触发区)」组件，拖动组件至滑动模块的组件位中，接着编辑组件上传素材即可。
第4步：导入公众号后台
点击左上角「保存并退出」，为了体验完整效果，设置完毕后可导入公众号预览，点击「同步至微信后台」同步到自己的公众号就可以了。
使用同步功能可以不用频繁在编辑器和微信后台切换，同步立即可以扫码预览效果。
如需局部导入可参考：《iPaiban Pro小助手v2.0安装和使用教程》
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：x.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可开始注册并使用。
新用户在「新手礼包」可领取3天企业标准版会员体验权，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）