案例教学 | 娃哈哈奶茶的「点击切换」猜灯谜，简单好操作！
之前直播分享给大家冬奥会交互图文，想学更多知识的同学们可以点击预约下周三直播——女神节案例分享。
点击预约下一期直播
????学更多知识????
今天这篇文字教程，
总结了之前直播的操作要点，
以娃哈哈奶茶的案例为例：
点此查看原文案例：娃哈哈奶茶 | 灯谜到，元宵闹
拆解
正月十五，元宵佳节，娃哈哈为大家准备了10个灯谜，一边放孔明灯、挂灯笼、赏花灯、吃元宵，一边发动聪明小脑瓜思考答案。
????????原文动图演示????????
制作
1、添加组件：批量无缝图(全能)（10009），按顺序添加“1-1、1-2无缝图”；
2、添加多个组件：点击-切换图片（10005），按顺序添加图片切换前和切换后；
3、添加组件：批量无缝图(全能)（10009），按顺序添加“6-1至6-3无缝图”；
4、添加组件：小程序-图片(默认角标)（10027），添加底图，并输入小程序appID和路径path（小程序appID：wx621508020f94679c，路径path：pages/index/index；）。
提取小程序代码：打开公众号后台，新建图文，添加小程序(文字版)，点击小助手提取(文字)小程序
5、点击右侧“预览草稿”，可初步预览草稿效果（以导入公众号后台预览效果为准）。
导入公众号后台
6、在iPaiban Pro编辑器后台完成SVG交互图文后，点击右侧“导入微信后台”→点击“复制”；
7、打开微信公众号后台新建图文，点击浏览器右上角iPaiban Pro 小助手图标→点击“导入代码”→粘贴代码→点击“清空导入”；
8、操作成功后，记得添加标题、封面和保存，最后发送到手机预览最终的效果
下期直播预告
2月23日（周三）直播教学女神节案例????扫码预约学习SVG交互效果????
本文系作者授权数英发表，内容为作者独立观点，不代表数英立场。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表，内容为作者独立观点，不代表数英立场。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本内容为作者独立观点，不代表数英立场。
本文禁止转载，侵权必究。
本文禁止转载，侵权必究。
本文系数英原创，未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）