自己隨便寫着玩的一個“集福”活動，沒有後端配合，只是前端的一個效果展示，沒有寫入緩存，刷新後數據就沒有了，主要功能有抽卡，點擊卡片查看介紹，集齊之後合成卡片，增加抽卡次數，直接獲取稀缺卡，增加稀缺卡獲取概率等功能。
下面是截圖和源碼；
缺少圖片，補齊圖片後就正常了
https://jsfiddle.net/zhoou/4y...
源碼下載地址：
鏈接: https://pan.baidu.com/s/10rNR... 提取碼: gk22
PS：一些小問題：有時打開後li的高度沒有及時撐開，會顯示成一坨，刷新一下就可以了，不知道有沒有更好的控制高度的解決方案（翻轉效果元素要絕對定位，導致li的高度不能動態調整，我使用js算的）