001- 联系人-好友（我们的历史）
001+ 联系人-联系人资料（我们的历史）

001- 联系人-好友（我们的历史）
001+ 联系人-联系人资料（我们的历史）

001-
001+ 功能描述
002+ 1.查看共同参与活动的次数
003+ 2.查看活动卡片
004+ 3.进入活动详情页面
005+ 界面
006+

001-
001+ <h3>功能描述</h3>
002+ <p>1.查看共同参与活动的次数</p>
003+ <p>2.查看活动卡片</p>
004+ <p>3.进入活动详情页面</p>
005+ <h3>界面</h3>
006+ <p><img src="{4602.png}" alt="" width="500" height="889" title="" /></p>

007+
008+ 界面元素-其他
009+ 名称
010+ 用途
011+ 显示规则
012+ 交互
013+ 页面标题
014+ 展示用户名称
015+ 文本，例：“Meggle”
016+ 无
017+ 返回
018+ 返回上一页面
019+ “&lt;”按钮
020+ a.点击返回按钮返回【<a href="/zentao/story-view-672.html" target="_blank" rel="noreferrer noopener">联系人-好友】页面
021+
022+ 界面元素-标签栏
023+ 名称
024+ 用途
025+ 显示规则
026+ 交互
027+ 关于我
028+ 展示此标签页标题
029+ 标签“About”
030+ a.点击标签，显示“选中”效果，进入此标签页【<a href="/zentao/story-change-678.html" target="_blank" rel="noreferrer noopener">联系人-联系人资料（关于我）】
031+ 我们的历史
032+ 展示此标签页标题
033+ 标签“Our History”
034+ a.点击标签，显示“选中”效果，进入此标签页【<a href="/zentao/story-view-1294.html" target="_blank" rel="noreferrer noopener">联系人-联系人资料（我们的历史）】
035+ 愿望清单
036+ 展示此标签页标题
037+ 标签“Bucketlist”
038+
039+ a.点击标签，显示“选中”效果，进入此标签页【<a href="/zentao/story-view-1295.html" target="_blank" rel="noreferrer noopener">联系人-联系人资料（愿望清单）】
040+
041+ 界面元素-联系人基本信息
042+ 名称
043+ 用途
044+ 显示规则
045+ 交互
046+ 联系人头像
047+ 展示
048+ 图片
049+ 无
050+ 联系人名称
051+ 展示
052+ 文本，例：“Alice Gill”
053+ 无
054+ 联系人公司
055+ 展示
056+ 文本，例：“Sss Company”
057+ 无
058+ 联系人职位
059+ 展示
060+ 文本，例：“Manager”
061+
062+ 无
063+
064+ 联系人等级
065+ 展示
066+ 文本，例：“1st Degree Contact”
067+ 无
068+ 添加好友
069+ 添加好友
070+ 【+Friend】按钮除了一级好友时不显示，其他显示已通过好友请求时，不显示
071+
072+ 1.点击按钮，发送好友请求，按钮变为【Pending】
073+ 等待
074+ 等待好友通过请求
075+ 【Pending】按钮已发送好友请求但未通过时，显示已发送好友请求已通过是，不显示
076+
077+ 无
078+ 星标
079+ 标明联系人为星标好友
080+ “⭐”图标
081+ 无
082+ 消息
083+ 查看私聊消息
084+ “”图标
085+ a.点击图标进入【<a href="/zentao/story-view-864.html" target="_blank" rel="noreferrer noopener">私聊消息】页面
086+
087+ 界面元素-我们的历史
088+
089+
090+ 名称
091+ 用途
092+ 显示规则
093+ 交互
094+ 会面次数
095+ 展示
096+ 文本：We met ** Times
097+
098+ 无
099+ 统计
100+ 统计
101+ 图标
102+ 1.点击图标，进入【<a href="/zentao/story-view-951.html" target="_blank" rel="noreferrer noopener">用户好友的爱好】页面
103+ 活动卡片列表
104+ 展示活动信息
105+
106+ 活动卡片：活动封面，活动名称，时间从上之下排列，根据活动时间从近至远排列
107+
108+ 1.点击活动卡片进入【<a href="/zentao/story-view-647.html" target="_blank" rel="noreferrer noopener">活动详情】页面；
109+

007+ <p><br /></p>
008+ <p style="font-size:14px;background-color:#FFFFFF;">界面元素-其他</p>
009+ <table class="table table-kindeditor" style="font-size:14px;background-color:#FFFFFF;width:1107px;color:#3C4353;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
010+ <th style="background-color:#F1F1F1;">用途<br /></th>
011+ <th style="background-color:#F1F1F1;">显示规则<br /></th>
012+ <th style="background-color:#F1F1F1;">交互</th>
013+ </tr></tbody><tbody><tr><td>页面标题</td>
014+ <td>展示用户名称<br /></td>
015+ <td>文本，例：“Meggle”<br /></td>
016+ <td>无</td>
017+ </tr><tr><td>返回<br /></td>
018+ <td>返回上一页面<br /></td>
019+ <td>“&lt;”按钮<br /></td>
020+ <td>a.点击返回按钮返回【<span style="font-size:14px;font-weight:700;background-color:#EFEFEF;"><a href="/zentao/story-view-672.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">联系人-好友</span></a></span>】页面</td>
021+ </tr></tbody></table><span style="font-size:14px;background-color:#FFFFFF;"></span><span></span>
022+ <h3 style="color:#3C4353;">界面元素-标签栏</h3>
023+ <table class="table table-kindeditor" style="width:1063.64px;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
024+ <th style="background-color:#F1F1F1;">用途<br /></th>
025+ <th style="background-color:#F1F1F1;">显示规则<br /></th>
026+ <th style="background-color:#F1F1F1;">交互<br /></th>
027+ </tr></tbody><tbody><tr><td>关于我</td>
028+ <td>展示此标签页标题</td>
029+ <td>标签“About”</td>
030+ <td>a.点击标签，显示“选中”效果，进入此标签页【<a href="/zentao/story-change-678.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">联系人-联系人资料（关于我）</span></a>】</td>
031+ </tr><tr><td>我们的历史</td>
032+ <td>展示此标签页标题<br /></td>
033+ <td>标签“Our History”</td>
034+ <td>a.点击标签，显示“选中”效果，进入此标签页【<a href="/zentao/story-view-1294.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">联系人-联系人资料（我们的历史）</span><span style="color:#337FE5;"></span></a>】</td>
035+ </tr><tr><td>愿望清单</td>
036+ <td>展示此标签页标题<br /></td>
037+ <td>标签“Bucketlist”</td>
038+ <td>
039+ <p>a.点击标签，显示“选中”效果，进入此标签页【<a href="/zentao/story-view-1295.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">联系人-联系人资料（愿望清单）</span></a>】</p>
040+ </td>
041+ </tr></tbody></table><p style="font-size:14px;background-color:#FFFFFF;">界面元素-联系人基本信息</p>
042+ <table class="table table-kindeditor ke-select-col" style="font-size:14px;background-color:#FFFFFF;width:1107px;color:#3C4353;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
043+ <th style="background-color:#F1F1F1;">用途<br /></th>
044+ <th style="background-color:#F1F1F1;">显示规则<br /></th>
045+ <th style="background-color:#F1F1F1;">交互<br /></th>
046+ </tr></tbody><tbody><tr><td>联系人头像<br /></td>
047+ <td>展示<br /></td>
048+ <td>图片<br /></td>
049+ <td>无<br /></td>
050+ </tr><tr><td>联系人名称</td>
051+ <td>展示<br /></td>
052+ <td>文本，例：“Alice Gill”<br /></td>
053+ <td>无</td>
054+ </tr><tr><td>联系人公司</td>
055+ <td>展示<br /></td>
056+ <td>文本，例：“Sss Company”</td>
057+ <td>无</td>
058+ </tr><tr><td>联系人职位<br /></td>
059+ <td>展示<br /></td>
060+ <td>文本，例：“Manager”<br /></td>
061+ <td>
062+ <p>无</p>
063+ </td>
064+ </tr><tr><td>联系人等级<br /></td>
065+ <td>展示<br /></td>
066+ <td>文本，例：“1st Degree Contact”<br /></td>
067+ <td>无</td>
068+ </tr><tr><td>添加好友</td>
069+ <td>添加好友</td>
070+ <td>【+Friend】按钮<br /><p>除了一级好友时不显示，其他显示<br />已通过好友请求时，不显示</p>
071+ </td>
072+ <td>1.点击按钮，发送好友请求，按钮变为【Pending】</td>
073+ </tr><tr><td>等待</td>
074+ <td>等待好友通过请求</td>
075+ <td>【Pending】按钮<br /><p>已发送好友请求但未通过时，显示<br />已发送好友请求已通过是，不显示</p>
076+ </td>
077+ <td>无</td>
078+ </tr><tr><td>星标<br /></td>
079+ <td>标明联系人为星标好友<br /></td>
080+ <td>“⭐”图标<br /></td>
081+ <td>无<br /></td>
082+ </tr><tr><td>消息</td>
083+ <td>查看私聊消息<br /></td>
084+ <td>“<img src="{2671.png}" alt="" />”图标</td>
085+ <td>a.点击图标进入【<a href="/zentao/story-view-864.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">私聊消息</span></a>】页面</td>
086+ </tr></tbody></table>
087+ 界面元素-我们的历史
088+ <p><br /></p>
089+ <p><span style="font-size:14px;"></span>
090+ </p><table class="table table-kindeditor" style="font-size:14px;background-color:#FFFFFF;width:1107px;color:#3C4353;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
091+ <th style="background-color:#F1F1F1;">用途<br /></th>
092+ <th style="background-color:#F1F1F1;">显示规则<br /></th>
093+ <th style="background-color:#F1F1F1;">交互<br /></th>
094+ </tr></tbody><tbody><tr><td>会面次数<br /></td>
095+ <td>展示<br /></td>
096+ <td>文本：<br /><p>We met ** Times</p>
097+ </td>
098+ <td>无<br /></td>
099+ </tr><tr><td>统计</td>
100+ <td>统计</td>
101+ <td>图标<img src="{4604.png}" alt="" width="30" height="33" title="" /></td>
102+ <td>1.点击图标，进入【<a href="/zentao/story-view-951.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">用户好友的爱好</span></a>】页面</td>
103+ </tr><tr><td>活动卡片列表</td>
104+ <td><span style="font-size:16px;background-color:#FFFFFF;">展示活动信息</span></td>
105+ <td>
106+ <p>活动卡片：活动封面，活动名称，时间<br />从上之下排列，根据活动时间从近至远排列</p>
107+ </td>
108+ <td><span style="background-color:#FFFFFF;font-size:16px;">1.点击活动卡片进入【</span><a href="/zentao/story-view-647.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;font-size:16px;"><u>活动详情</u></span></a><span style="background-color:#FFFFFF;font-size:16px;">】页面</span><span style="background-color:#FFFFFF;font-size:16px;">；</span><br /></td>
109+ </tr></tbody></table><p><br /></p>