自己随便写着玩的一个“集福”活动，没有后端配合，只是前端的一个效果展示，没有写入缓存，刷新后数据就没有了，主要功能有抽卡，点击卡片查看介绍，集齐之后合成卡片，增加抽卡次数，直接获取稀缺卡，增加稀缺卡获取概率等功能。下面是截图和源码；
在线预览 (不保证一直能打开)
缺少图片，补齐图片后就正常了 https://jsfiddle.net/zhoou/4y…
源码下载地址：链接: https://pan.baidu.com/s/10rNR… 提取码: gk22
PS：一些小问题：有时打开后 li 的高度没有及时撑开，会显示成一坨，刷新一下就可以了，不知道有没有更好的控制高度的解决方案（翻转效果元素要绝对定位，导致 li 的高度不能动态调整，我使用 js 算的）