网易花田-COSCHAT：危妙关系

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

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

识别图中二维码

危妙关系-查阅二维码

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

案例：危妙关系

出品：网易花田-COSCHAT

亮点：

策划上，聊天类，加载完成之后进入主页，出现2个选项，“选她试试”与“选他试试”，选择任意一个即可进入聊天页面。进入之后，你选择的人会先给你发送一段话，然后点击下方按钮选择回复，会有三种回复方式，代表不同的分值，如果选择了减分值100分，则直接结束聊天，这时可选择“重新聊”或“换个人聊”；如果选择减分值10分，则可以继续聊，直到减到100分结束，反之选择了加分值10分，则可继续聊，这说明你是一个聊天高手。
设计上，采用灰色作为主色调，白底黑字作为对方聊天样式，蓝底白字作为自己的聊天样式，整体看上去简洁大方，清晰明了，给人一种舒服的感觉。
交互上，都是以点击为主，比较简单。

技术实现： jQuery.js

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

标签