五、前台红包交互:领取红包交互

标签:

红包 3.1

1.签到红包

1.1签到规则

默认规则:根据后台设置签到规则自动生成

自定义规则:后台支持规则自定义 

默认规则:                                   

af4b8574bfdf2b2d5f9294076c4f5249_1724744897.png

自定义规则:

211540160dab8950275263bef69c1ea9_1724744958.png


1.2未签到蒙层

用户每日第一次进入签到页面,领取红包


领取样式

image.png


同时获取两个红包样式

image.png


获得两个红包

图片5.png


获得多个红包样式

(第三个红包起,显示半屏,向左滑动查看更多红包)

图片6.png


1.3领取红包

蒙层上获得红包后,点击【领取】,跳出红包待拆弹窗,点击【開】拆开红包。


拆开红包后,若还有下一个红包,则有按钮【还一个红包未拆】。

点击【还有一个红包未拆】,拆开下一个红包。

若获得空奖,则显示后台设置的“空奖提醒”。

图片9.png


蒙层上获得多个红包,拆开一个后,关闭已拆开的红包返回蒙层,

则显示该拆过的红包为不可点击的已领取状态。

图片10.png


2.任务红包

2.1任务列表

完成任务后,用【红包】替代老版本【领取奖励】按钮。

挑战任务列表

图片11.png

 

我的任务列表

图片12.png


任务详情

图片13.png


2.2领取红包

完成任务后,在任务列表、我的任务、任务详情中都可以点击红包,去领取奖励。

点击红包,跳出红包待拆弹窗,点击【開】拆开红包。

图片14.png

图片15.png