第一财经：你真的了解你所在的城市吗？

2016-04-26 H5案例分享 H5案例分享

案例：你真的了解你所在的城市吗？

出品：第一财经

亮点：

策划上，游戏类，分为三个维度，一：选中你所在的城市，进入到城市问题测试详情页，回答问题赢取积分，这里的进度条会显示你的得分；二：每当得分积累到达到一定的级别时，就会出现相应的级别提示；三：想要了解更多城市信息，可以购买2016年4月25日《第一财经周刊》或扫码关注新一线城市研究所近期推送哦
设计上，黑白色调，配以少量的草绿色
技术上，积分进度条是采用svg做的，还有具体问题里的一些图也是用svg做的

技术实现： jQuery

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

识别图中二维码

你真的了解你所在的城市吗？-查阅二维码

你真的了解你所在的城市吗？

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

标签