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

标签:

红包 3.1

1.签到红包

1.1签到规则

新版本每天签到,增加现金奖励;连续签到,获得红包奖励;签到排名,获得红包奖励。

老版本每天签到,增加现金奖励。

新版本                                   

图片1.png

老版本

图片2.png


1.2未签到蒙层

用户每日第一次进入签到页面,跳出未签到蒙层。


老版本样式

图片3.png


新版本样式

获得一个红包  

图片4.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