网易考拉易购：2018你的命中注定有什么？

2018-01-28 H5案例分享 H5案例分享

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

识别图中二维码

2018你的命中注定有什么？-查阅二维码

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

案例：2018你的命中注定有什么？

出品：网易考拉易购

亮点：

策划上，该项目整体比较简单，有两屏构成。首页是考拉易购的提问框“2018 你的命中注定有什么？”，填写姓名，进入下一屏，显示你的2018命中有“幸福”、“桃花”，“包”,”口福”等18种结果，并提供网易考拉易购相应的商品推荐；如果输入“淘宝”、“天猫”等购物网站，会显示命中注定有“对手”，同时页面显示为灰色。经测试，输入同一个姓名会随机出现不同的“命中注定”。
设计上，整体背景采用浅色系颜色，平淡温馨。
交互上,只输入用户的姓名，操作简单。
技术上，使用vue.js实现了数据驱动的绑定。

技术实现： jQuery.js+vue+main.js+utils.js

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

标签