脚本宝典收集整理的这篇文章主要介绍了vue模仿新年集福活动(移动端),脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
自己随便写着玩的一个“集福”活动,没有后端配合,只是前端的一个效果展示,没有写入缓存,刷新后数据就没有了,主要功能有抽卡,点击卡片查看介绍,集齐之后合成卡片,增加抽卡次数,直接获取稀缺卡,增加稀缺卡获取概率等功能。
下面是截图和源码;
缺少图片,补齐图片后就正常了
https://jsfiddle.net/zhoou/4y...
源码下载地址:
链接: https://pan.baidu.com/s/10rNR... 提取码: gk22
PS:一些小问题:有时打开后li的高度没有及时撑开,会显示成一坨,刷新一下就可以了,不知道有没有更好的控制高度的解决方案(翻转效果元素要绝对定位,导致li的高度不能动态调整,我使用js算的)
以上是脚本宝典为你收集整理的vue模仿新年集福活动(移动端)全部内容,希望文章能够帮你解决vue模仿新年集福活动(移动端)所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。