vue模仿新年集福活动(移动端)

自己随便写着玩的一个“集福”活动,没有后端配合,只是前端的一个效果展示,没有写入缓存,刷新后数据就没有了,主要功能有抽卡,点击卡片查看介绍,集齐之后合成卡片,增加抽卡次数,直接获取稀缺卡,增加稀缺卡获取概率等功能。
下面是截图和源码;

在线预览(不保证一直能打开)

缺少图片,补齐图片后就正常了
https://jsfiddle.net/zhoou/4y...

源码下载地址:
链接: https://pan.baidu.com/s/10rNR... 提取码: gk22

PS:一些小问题:有时打开后li的高度没有及时撑开,会显示成一坨,刷新一下就可以了,不知道有没有更好的控制高度的解决方案(翻转效果元素要绝对定位,导致li的高度不能动态调整,我使用js算的)

你可能感兴趣的:(vue.js)