快乐的日子总是过得很快，假期即将结束。
开学季创意推文戳：
今天再推荐大家一个简单实用的玩法。
盒马在开学季这个时间节点，通过拆档案袋的创意排版形式有效地植入产品营销，在触达用户的同时完成品牌的年轻化与趣味性表达。
来看看效果：
*素材来自盒马上学了，怪紧张的
组件：点击-切换图片(向上水平移出、有触发区域)
编号：10188（组件）
点击指定位置，图片向顶端水平移出，露出盖住的图片。
这种点击移出切换，除了向上，还能向下。
如广州日报就用在博物馆的藏品介绍上，结合猜宝贝的创意方式，不仅增加了与用户的互动，还将藏品介绍这种硬核知识，在犹抱琵琶半遮面的氛围中趣味化，实现更广泛地传播与用户触达。
*素材来自广州日报新花城都是宝贝！“C位”是谁？
组件：点击-切换图片(向下水平移出、有触发区)
编号：10189（组件）
以上效果使用i排版SVG编辑器即可实现，至于如何选择组件，还在于我们品牌自身的素材与创意点的结合，怎么更适配。
现在，用盒马的案例来给大家看下详细排版教程。
详细教程：
工具：i排版SVG编辑器，网址：SVG.iPaiban.com
组合：点击-切换图片(向上水平移出、有触发区域)
编号：10188（组件）
第1步：选择组件
登录i排版SVG辑器后，点击编辑器左侧「组件」按钮，直接在搜索框中搜索组合编号10188，点击选择。
第2步：上传图片素材
点击右侧两个「换图」按钮分别上传单击前和单击后图片。两张图片尺寸需保持一致。
第3步：调整动画时间
上传好素材后，调整移出动画的时间。
第4步：调整触发区域
双击编辑区上传的图片，在弹出的窗口中拖拽红色区域调整触发区域的位置和大小。
使用同步功能不用频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码预览在公众号的效果。
如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。
