拉勾网：2017互联网职场年度盘点

2017-12-28 H5案例分享 H5案例分享

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

识别图中二维码

2017互联网职场年度盘点-查阅二维码

完整欣赏此案例大约需要40秒

案例：2017互联网职场年度盘点

出品：拉勾网

亮点：

策划上，大数据分析类，① 以2017年互联网大数据为基础，用图文形式通过2017互联网行业变迁、人平均年龄、行业供需、买房、新二线城市、互联网人的爱与伤、福利互联网之最，这几个方面，展现了我国2017年互联网职场变化，着重展现了几个大城市中互联网人的变化和个人情况。② 尾屏还有加油福利包，想查阅2017互联网职场白皮书的小伙伴可根据尾屏留的电话和邮箱进行咨询。
设计上，小清新扁平风，采用与拉钩logo同一色系的绿色作为主色调，蓝色和橘黄色作为辅色调，不同的颜色代表不同的数据，清晰直观，动画设计的也非常流畅自然。
技术上，这支H5里面的动画主要是采用Vue.js将动画类名写在data里，而后绑到页面上。

技术实现： jQuery + Vue.js

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

标签