花田：小时代姐妹花（4）

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

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

识别图中二维码

小时代姐妹花（4）-查阅二维码

完整欣赏此案例大约需要2分45秒

案例：小时代姐妹花（4）

出品：花田

亮点：

策划上，聊天类。Loading完毕，页面显示内容“危险关系之小时代姐妹花”，点击下方“点击开聊”按钮，进入聊天。聊天成员是用户（微信获取头像和昵称）、薇薇安*做自己的女王、耿直girl雯儿哥、小怪兽*很幸福。四个人就男朋友送的礼物展开，点击右下角的“点击继续”按钮，聊天继续，用户的个人回复有三个选项，根据选项的不同，个人得分进行加减变化，当得分为0时，结束聊天，否则知道聊天结束，显示个人的得分，生成个人的群称号。
设计上，页面模拟花田聊天的样式，简洁大方，让用户感觉更加真实。
交互上，用户点击一下，出现一句聊天内容，用户个人的回复有不同的选项，可自主选择，交互性很好。
体验上，小编玩完后，觉得很简单，好玩，交互性很强。点击一下，页面显示一条聊天内容，而用户自己的回复有不同的选项可以选择，很有存在感。小编最近发现了好几个类型题材类型的H5，难道这是最新的潮流？嗯，应该是的，下面奉上该H5的老年版（http://www.h5tools.cn/upage/3/100024/），不谢~~

技术实现： jQuery.js+page.js

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

标签