【营销App】—— react/ant design mobile项目爬坑

一、H5制作 - 图片文本的动画效果

bug:打开一个模板,添加图片,添加动画效果,若先选定动画效果,再调节动画时间和延迟时间,则动画和延迟时间没有改变;若先调节动画时间和延迟时间在选定动画效果,则动画和延迟时间可以实现。

期望:先选定动画效果,再调节动画时间和延迟时间,动画和延迟时间也能实现。


问题原因:原代码中的动画数据保存时机设置在选择动画类型的时候

                    只能先选时间再选动画,如果先选动画再选时间,后选的时间就保存不了了

解决方法:①将slider组件的onChange方法关掉,只保留onAfterChange方法,只在值改变完成后更新组件

                    ②时间值改变之后,先保存当前的时间值存入before-xxx中,然后再改变state中对应的时间值

                    ③componentDidUpdate方法中监测当state中now存在,且两个时间值的前后state不同时保存数据

二、v网平台 - 背景音乐自动播放

bug: 音乐设置,开启启用背景音乐、背景音乐自动播放,选择“Intro”作为背景音乐,回到v网平台,没有自动播放音乐,需要点击暂停播放音乐再播放音乐,才能听到背景音乐。

期望:音乐设置,开启启用背景音乐、背景音乐自动播放,选择音乐后,回到v网平台,能自动播放音乐


问题原因:①原代码只考虑了同时设置自动播放、选择音乐使用时,可正常请求接口改变数据

                     ②已选择了音乐使用,单独设置自动播放时,没有请求接口改变数据

解决方法:添加useBgm、defaultAuto两个状态

                    存入新选择使用的音乐uri、打开设置界面前默认设置的是否自动播放

                    在组件更新时,判断“自动播放”状态有改变,且有“使用”的音乐时请求接口,存入“自动播放”状态

if(this.props.autoPlay != defaultAuto && (vwebBgm || useBgm))

三、参与的活动 - 活动详情页返回逻辑  

bug:个人中心参与的活动,点击缩略图进入活动详情页,再点击左上角的返回按钮,返回的页面是活动推广列表页面

期望:回到参与的活动列表页面 


App.js添加ViewActBack状态的传入

<ViewActivity change={this.changeRouter.bind(this)} 
                      activity_id={this.state.activity_id}
                      handleImageUpload={this.handleImageUpload.bind(this)} 
                      ViewActBack={this.state.ViewActBack}/&g
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值