京东：11.11科技公司京东消费剁手榜

2016-11-14 H5案例分享 H5案例分享

案例：11.11科技公司京东消费剁手榜

出品：京东

亮点：

策划上，数据分析类，① 点击屏幕下方的左右按钮，即可看到不同双十一科技公司京东消费剁手榜的排名；② 点击剁手党排名榜上的公司名，即可看到该公司双十一最爱买的商品和最爱品类的情况。
设计上，漫画风格，采用橘红色作为主色调，橘黄色作为辅色调。
技术上，首屏上方左右跳动的男女小人采用的是Canvas + CreateJS；雷达图采用的是Canvas；点击左右按钮，切换不同的剁手榜采用的是JS控制改变transform的translateY的值。

技术实现： Zepto + Canvas + CreateJS

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

11.11科技公司京东消费剁手榜-查阅二维码

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签