html好友页面,好友列表.html



好友列表

$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };

$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };

$axure.utils.getReloadPath = function() { return 'resources/reload.html'; };

正在加载

10

小丑

个性签名：你好，一起玩游戏吗？

私聊

10

在线

离线

小丑

个性签名：你好，一起玩游戏吗？

私聊

10

在线

离线

小丑

个性签名：你好，一起玩游戏吗？

私聊

10

在线

离线

小丑

个性签名：你好，一起玩游戏吗？

私聊

10

在线

离线

小丑

个性签名：你好，一起玩游戏吗？

私聊

10

在线

离线

小丑

个性签名：你好，一起玩游戏吗？

私聊

10

在线

离线

小丑

个性签名：你好，一起玩游戏吗？

私聊

10

在线

离线

小丑

个性签名：你好，一起玩游戏吗？

私聊

10

在线

离线

小丑

个性签名：你好，一起玩游戏吗？

私聊

10

在线

离线

小丑

个性签名：你好，一起玩游戏吗？

私聊

10

在线

离线

小丑

个性签名：你好，一起玩游戏吗？

私聊

10

在线

离线

好友列表

最近匹配

好友

聊天列表



首页



排行榜



匹配



好友



我的

10



好友

10

好友列表：

1. 用户进入【好友】页面，默认显示【好友列表】。

2. 顶部有“好友列表”按钮和“最近匹配”按钮，点击分别前往【好友列表】页面和【最近匹配】页面。

3. 好友列表每位好友占一行，显示好友头像、昵称、个性签名、在线状态(在线/离线)信息。

4. 每一行右边有“私聊”按钮，点击前往对应好友的【聊天】界面。

5. 点击头像即可查看好友资料。

6. 若好友发来信息，则在右端头像右上角显示信息数量。

7. 页面左上角有“聊天列表”按钮，点击前往【聊天列表】页面。

8. 用户向上滑动页面，每个页面展示10个好友，到达第10个好友底部，出现正在加载提示文字，再加载10个好友，以此类推直至全部加载完毕。

一键复制

编辑

Web IDE

原始数据

按行查看

历史