id	summary	reporter	owner	description	type	status	priority	milestone	component	version	resolution	keywords	cc	due_date
288	itbbs改版列表页（缩略图）需求_V1	chenguohao	dingjianyong	"{{{
    #!html
<table width=""990"" border=""1"" class=""wiki"">
  <tr>
    <td width=""84"" bgcolor=""#4F81BD"">元素</td>
    <td width=""690"" bgcolor=""#4F81BD"">描述</td>
    <td width=""304"" bgcolor=""#4F81BD"">截图</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td colspan=""3""><h3><strong>头部</strong></h3></td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>顶栏</td>
    <td>统一如前</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>pconline的logo</td>
    <td>1.“大首页”链接，新窗口打开；<br/>
2.logo尺寸缩小</td>
    <td><img src=""http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1406/05/c8/34955059_1401935832408_1024x1024.jpg"" alt="""" width=""100"" height=""54"" /></td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>版块名称</td>
    <td>当前版块的名称</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>去其他论坛</td>
    <td><p>on mouse下拉展开，展开效果如前</p></td>
    <td>缺下拉效果</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>登录信息区</td>
    <td><strong>未登录状态：</strong><br/>
    1.默认头像20*20；<br/>    
    2.登录按钮，点击后当前页面打开通行证登录页面；<br/>
    3.on mouse 上述区域，下拉展开所有登录方式：通行证登录，QQ、微博、淘宝登录；点击后当前页面打开对应登录方式的通行证登录页面；<br/>
    4.点击上述登录跳转至通行证页面的，完成登录流程后需跳转回原页面；<br/>---------------------<br/>
    <strong>登录状态：</strong><br/>
    1.用户头像20*20；<br/>
    2.用户昵称，点击新开窗跳转至个人中心首页http://my.pconline.com.cn/<br/>
    3.on mouse 上述区域，下拉展开其他个人中心链点：<br/> 
  好友动态（http://my.pconline.com.cn/）、我的帖子（http://my.pconline.com.cn/forum/topic.jsp）、我的回复（http://my.pconline.com.cn/forum/reply.jsp）、我的精华帖（http://my.pconline.com.cn/forum/pick.jsp）、我的收藏（http://my.pconline.com.cn/forum/favorforum.jsp）个人中心（http://my.pconline.com.cn/）<br/>
    4.消息（包含未读数量提示），点击新开窗跳转至消息中心（http://my.pconline.com.cn/msg/notice.jsp）；on mouse该区域，下拉展开其他消息链点：<br/>
    系统通知（http://my.pconline.com.cn/msg/notice.jsp）、论坛回复（http://my.pconline.com.cn/forum/receivereply.jsp）查看私信（http://my.pconline.com.cn/msg/inbox.jsp?pageNo=1）</td>
    <td>缺未登录及下拉效果</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>导航</td>
    <td>1.导航内容读取cms栏目内容如前<br/>
      2.搜索输入框前可下拉选择搜帖子、作者，如论坛首页</td>
    <td><img src=""http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1406/05/c8/34955190_1401935935981_1024x1024.jpg"" alt="""" width=""303"" height=""41"" /></td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>面包屑</td>
    <td>如旧：<br/>
      1.小房子-pconline首页；<br/>
      2.论坛-itbbs首页；<br/>
      3.各级列表页；<br/>
      4.收藏版块按钮</td>
    <td>缺“收藏”按钮</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td colspan=""3""><h3>右侧栏</h3></td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>发帖按钮</td>
    <td>1.on mouse有下拉效果，可选择发帖的类型（活动、悬赏等），如前；<br/>
    2.非登录状态，点击后当前页面跳转至通行证登录页面，完成登录后跳转至发帖页；</td>
    <td>缺下拉效果</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>相关产品</td>
    <td>读取报价库内容，包含：<br/>
      1.产品图片；<br/>
    2.报价、概览、图片、参数；（文字链接）<br/></td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>更多版块</td>
    <td>子板列表：显示当前版块的子版块，按数量自适应高度；最多显示xx个，超出影藏，并在最后一个后加上“...”显示展开更多的按钮</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>版块信息</td>
    <td>1.版主：显示所有数据，当昵称需要折行显示时，将该昵称换行；<br/>
    2.版副、嘉宾：只显示一行的数据，若数据超一行则影藏；影藏时，在最后一个数据后显示“···”；计算需隐藏的数据时，需把“···”的宽度算上，比如：<br/> 
    嘉宾共有6个数据，一行只能显示4个，若4个数据加上“···”的宽度已超过一行，则需要把第4个数据也隐藏，只显示前3个数据及“···”；<br/>
    3.打开更多按钮（alt提示“展开更多”）：有影藏时，需显示该按钮，无隐藏则不显示；<br/>
    4.用户在线标“黄”其用户昵称；</td>
    <td><img src=""http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1406/05/c8/34955184_1401935931601_1024x1024.jpg"" alt="""" width=""277"" height=""188"" /></td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>有奖活动</td>
    <td>HTML代码块（需确定代码块ID），读取CMS栏目接口；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>推荐阅读</td>
    <td>HTML代码块（需确定代码块ID），读取CMS栏目接口；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>浮动按钮</td>
    <td>1.回顶部（alt提示“回顶部”）；<br/>
      2.发帖（alt提示“发表新帖”），非登录状态点击参照上述“发帖按钮”；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td colspan=""3""><h3><strong>帖子列表区</strong></h3></td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>置顶区</td>
    <td>1.icon区分本版置顶及全站置顶；<br>
      2.只显示标题，有加粗及颜色等效果；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>帖子列表操作区</td>
    <td>1.全部帖子：当前版块链接；<br/>
      2.看图模式：即以前列表页的图片模式，点击后切换至图片模式；<br/>
      3.话题分类：on mouse后下拉展开所有话题分类；分类过宽的截字处理，显示“...”<br/>
      4.精华帖：即之前列表的“精华”，点击后切换至精华帖列表，含精华1、2；<br/>
    5.最新回复/发帖时间，点击切换列表排序方式（按回复/发帖时间）；<br/>
    6.上述1至4均可与5组合查看，无需其余组合方式；<br/>
    7.点击操作后，均锚点定位在该区域（无需显示头部）</td>
    <td>缺话题分类下拉效果</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>帖子信息区</td>
    <td>1.作者头像（50*50）没有则显示默认头像；点击跳转该用户的个人中心；<br/>
      2.作者昵称，头像下方，与头像居中对齐，两行显示，超出两行截字处理，显示“...”；点击跳转该用户个人中心；在线标“黄”；<br/>
    3.帖子标题：(35汉字)，超出一行的截字处理，显示“...”；（不会带icon）；点击跳转帖子页；<br/>
    4.帖子摘要：两行显示，超出截字处理 ，所有摘要内容均添加“...”；点击跳转帖子页；处理逻辑：截取帖子正文纯内容的前90个汉字（180个英文），需剔除图片、表情及其他UBB样式代码；<br/>
    5.缩略图：显示3张，尺寸：90定高不定宽；点击后跳转帖子页（无需放大效果）；处理逻辑：保存帖子正文图片的前3张图片，不足3张的只保存当前的数量；使用缩略图显示，执行切缩略图之前的帖子默认为无图（不显示缩略图）；<br/>
    6.2014-4-11 (发表时间)发表在  [原创](话题分类，点击切换，跳转后锚点定位帖子列表操作区)‘<br/>
    7.来自xxxx(发帖来源)，xxx新开窗至http://app.pconline.com.cn/<br/>
    8.浏览123467 回复1374（浏览量，回复量）；<br/>
    9.最后回复：xxxx(昵称) 12秒前（如前显示时间格式）；昵称在线标黄；<br/>
    10.若无最后回复，显示抢沙发，点击后跳转帖子页锚点定位快速回复框；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>下一页</td>
    <td>点击跳转下一页</td>
    <td><img src=""http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1406/05/c9/34956266_1401937224956_1024x1024.jpg"" alt="""" width=""218"" height=""60"" /></td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>翻页框</td>
    <td>如前</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>论坛推荐</td>
    <td>读取CMS栏目接口（数量：7）</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>论坛热帖</td>
    <td>读取CMS栏目接口（数量：4*3）</td>
    <td rowspan=""3"">缺切换效果</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>论坛热词</td>
    <td>读取CMS栏目接口（按版块出不同内容）</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>最新热帖</td>
    <td>读取论坛热帖（数量12）</td>
  </tr>
</table>
}}}"	需求	new	最高级（1）		电脑网产品论坛					05/06/2014