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

49次阅读

共计 321 个字符,预计需要花费 1 分钟才能阅读完成。

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

在线预览 (不保证一直能打开)
缺少图片,补齐图片后就正常了 https://jsfiddle.net/zhoou/4y…
源码下载地址:链接: https://pan.baidu.com/s/10rNR… 提取码: gk22
PS:一些小问题:有时打开后 li 的高度没有及时撑开,会显示成一坨,刷新一下就可以了,不知道有没有更好的控制高度的解决方案(翻转效果元素要绝对定位,导致 li 的高度不能动态调整,我使用 js 算的)

正文完
 0