文章内容来源于公众号：小黄人科技 点此可查看原文。若涉及版权问题或存在侵权情况，请及时与我们联系，我们将第一时间进行删除处理。
8天的假期转眼结束了，7天的工作日开始了，接下来你会明白什么叫做7大于8。
美好的假期当然要发个朋友圈纪念一下，开工第一天，推荐大家一个GQ实验室在图文里「发朋友圈」的排版效果。组件：双层滑动-前景左滑(自动对齐、设置多个滑动图)
编号：11744（组件）
这不是普通的双层前景滑动，而是在一张背景图上，设置有多组前景滑动图。该效果使用 iPaiban Pro 黑科技编辑器的「双层滑动-前景左滑(自动对齐、设置多个滑动图)」组件（编号：11744）即可制作。使用该组件在背景图上最多可设置9组滑动图，可任意调整每组滑动图的大小和位置。组件：双层滑动-前景右滑(自动对齐、设置多个滑动图)
编号：11753（组件）
以「双层滑动-前景左滑(自动对齐、设置多个滑动图)」组件为例，一起看下使用教程吧。工具：iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com组件：双层滑动-前景左滑(自动对齐、设置多个滑动图)登录 iPaiban Pro 编辑器后，点击编辑器右侧「组件」按钮，在「滑动」-「双层前景」分类中找到「双层滑动-前景左滑(自动对齐、设置多个滑动图)」组件，或者直接在搜索框中搜索组件编号11744，点击选择。
点击页面右侧「换图」按钮，上传滑动图下方的1张背景图。
接着输入要设置的滑动图组数量，比如输入7，右侧下方就会出现7组滑动图上传「+」号。分别点击「+」号上传准备好的滑动图。
同组滑动图尺寸需保持一致，不同组滑动图尺寸无需一致，所有滑动图尺寸也无需和背景图一致。双击编辑区的图片，在弹出的窗口中彩色色块表示每组滑动图在背景图上的滑动区域，可任意调整位置和大小。
我们拖动色块进行调整，调整后点击最右侧「预览草稿」可随时预览效果，根据预览效果随时再进行调整。
使用同步功能不用频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码预览在公众号的效果。
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可注册，编辑器1500+组件/组合现已全部支持免费试用了。
新用户在「新手礼包」可领取3天企业标准版会员免费商用，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。
如需定制 SVG 黑科技排版，请添加玉兔微信（ID：playhudong15）沟通咨询。
