下红包雨啦!

原创 收藏 评论
举报 2023-01-18


1.gif

还记得之前给大家推荐过全文下雪的效果吗?当时很受欢迎。

GIF1.gif

组件:雪花飘落

编号:11342(组件)


另一个「雪花飘落」组件支持自定义上传飘落的图案,现在马上过年,有小伙伴想到了上传红包图案的图片。

GIF2.gif

组件:雪花飘落(有图案)

编号:11343(组件)


看到红包,小手真的忍不住想要去点,但「雪花飘落」的效果不支持点击。

所以我们最新上线了支持点击的「红包雨」效果组件,红包雨中的每个红包都可以点击,这里面包含3种红包状态:空红包插入超链接的红包插入小程序的红包,通过超链接红包来发放红包封面超合适,同时小程序红包还可以用来给自己的产品引流。

点击试试(因本账号无在图文中插入外链的权限,红包封面超链接使用图文链接代替):

GIF3.gif

组件:红包雨(点击开始)

编号:11424(组件)


组件默认下落的图案就是上面的红包图案,我们也可以自定义上传自己想要的图案,比如品牌吉祥物、LOGO等:

GIF4.gif

组件:红包雨(点击开始)

编号:11424(组件)


另外它还支持调整红包大小、红包数量、红包雨持续时间等参数,一起看下如何制作吧:

详细教程:

工具:iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com

组件:红包雨(点击开始)

编号:11424(组件)

第1步:选择组件

登录 iPaiban Pro 编辑器后,需要先制作编辑好正文的排版。

然后点击编辑器右侧「组件」按钮,在「红包封面」分类中找到「红包雨(点击开始)」组件,或者直接在搜索框中搜索组件编号11424,点击选择。

第2步:上传图片素材

点击「换图」按钮上传背景图。图片尺寸没有明确要求。


如正好需要组件默认的红包图案效果则无需上传任何素材。

需要其他图案请点击右侧「+」号上传,第1个「+」号上传点击前的图案,第2个「+」号上传点击后的图案,两张图案图片尺寸需保持一致。

第3步:调整动画效果

滑动滑杆依次可调整:红包图案最小宽度、红包图案最大宽度、红包数量、红包雨持续时间、点击后,几秒开始红包雨。

第4步:输入超链接和小程序

如果想要利用红包雨发红包封面,在跳转链接中输入红包封面的领取链接,带有超链接的红包将会随机出现的红包雨中。

接着在下面输入小程序的appID和路径path,带有小程序的红包也将会随机出现的红包雨中。

点击最右侧「预览草稿」可随时预览效果,但在编辑器中点击小程序没有反应。

第5步:入公众号后台

为了体验完整效果,设置完毕后可导入公众号预览,点击「同步至微信后台」同步到自己的公众号就可以了。

使用同步功能可以不用频繁在编辑器和微信后台切换,同步立即可以扫码预览效果。

如需局部导入可参考:《iPaiban Pro小助手v2.0安装和使用教程》



制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。

新用户在「新手礼包」可领取3天企业标准版会员体验权,以及22个常用必备组件的大礼包(1年)。随礼包附赠千元优惠券,每单最高立降500元。

640.png

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)