- 最复杂的是老虎机那样的滚动效果,难点在于,不是一个简单的无限循环,而是要js结合css,恰好转动到后端提供的中奖结果上面,并且还需要过渡来模拟出由快到慢的效果。
我给每一列都准备了很长的垂直列表,它包含了所有可能的奖品图标,并且头尾相连实现无缝滚动。
为了实现由快到慢,我
transition-timing-function
设置为从线性到曲线平滑减速的效果。后端返回结果后,我要计算出结果的位置并且停在那个地方。
使用CSR会有长时间的白屏
我们通过lighthouse进行了评估
这个H5是内嵌入在小程序的web-view当中的,用户扫码之后,会获取一个url,然后将其的query参数拼接到H5页面的URL上,然后从中解析。