itbbs改版列表页（缩略图）需求_V1

[chenguohao]

元素	描述	截图
头部
顶栏	统一如前
pconline的logo	1.“大首页”链接，新窗口打开； 2.logo尺寸缩小
版块名称	当前版块的名称
去其他论坛	on mouse下拉展开，展开效果如前	缺下拉效果
登录信息区	未登录状态： 1.默认头像20*20； 2.登录按钮，点击后当前页面打开通行证登录页面； 3.on mouse 上述区域，下拉展开所有登录方式：通行证登录，QQ、微博、淘宝登录；点击后当前页面打开对应登录方式的通行证登录页面； 4.点击上述登录跳转至通行证页面的，完成登录流程后需跳转回原页面； --------------------- 登录状态： 1.用户头像20*20； 2.用户昵称，点击新开窗跳转至个人中心首页http://my.pconline.com.cn/ 3.on mouse 上述区域，下拉展开其他个人中心链点： 好友动态（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/） 4.消息（包含未读数量提示），点击新开窗跳转至消息中心（http://my.pconline.com.cn/msg/notice.jsp）；on mouse该区域，下拉展开其他消息链点： 系统通知（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）	缺未登录及下拉效果
导航	1.导航内容读取cms栏目内容如前 2.搜索输入框前可下拉选择搜帖子、作者，如论坛首页
面包屑	如旧： 1.小房子-pconline首页； 2.论坛-itbbs首页； 3.各级列表页； 4.收藏版块按钮	缺“收藏”按钮
右侧栏
发帖按钮	1.on mouse有下拉效果，可选择发帖的类型（活动、悬赏等），如前； 2.非登录状态，点击后当前页面跳转至通行证登录页面，完成登录后跳转至发帖页；	缺下拉效果
相关产品	读取报价库内容，包含： 1.产品图片； 2.报价、概览、图片、参数；（文字链接）
更多版块	子板列表：显示当前版块的子版块，按数量自适应高度；最多显示xx个，超出影藏，并在最后一个后加上“...”显示展开更多的按钮
版块信息	1.版主：显示所有数据，当昵称需要折行显示时，将该昵称换行； 2.版副、嘉宾：只显示一行的数据，若数据超一行则影藏；影藏时，在最后一个数据后显示“···”；计算需隐藏的数据时，需把“···”的宽度算上，比如： 嘉宾共有6个数据，一行只能显示4个，若4个数据加上“···”的宽度已超过一行，则需要把第4个数据也隐藏，只显示前3个数据及“···”； 3.打开更多按钮（alt提示“展开更多”）：有影藏时，需显示该按钮，无隐藏则不显示； 4.用户在线标“黄”其用户昵称；
有奖活动	HTML代码块（需确定代码块ID），读取CMS栏目接口；
推荐阅读	HTML代码块（需确定代码块ID），读取CMS栏目接口；
浮动按钮	1.回顶部（alt提示“回顶部”）； 2.发帖（alt提示“发表新帖”），非登录状态点击参照上述“发帖按钮”；
帖子列表区
置顶区	1.icon区分本版置顶及全站置顶； 2.只显示标题，有加粗及颜色等效果；
帖子列表操作区	1.全部帖子：当前版块链接； 2.看图模式：即以前列表页的图片模式，点击后切换至图片模式； 3.话题分类：on mouse后下拉展开所有话题分类；分类过宽的截字处理，显示“...” 4.精华帖：即之前列表的“精华”，点击后切换至精华帖列表，含精华1、2； 5.最新回复/发帖时间，点击切换列表排序方式（按回复/发帖时间）； 6.上述1至4均可与5组合查看，无需其余组合方式； 7.点击操作后，均锚点定位在该区域（无需显示头部）	缺话题分类下拉效果
帖子信息区	1.作者头像（50*50）没有则显示默认头像；点击跳转该用户的个人中心； 2.作者昵称，头像下方，与头像居中对齐，两行显示，超出两行截字处理，显示“...”；点击跳转该用户个人中心；在线标“黄”； 3.帖子标题：(35汉字)，超出一行的截字处理，显示“...”；（不会带icon）；点击跳转帖子页； 4.帖子摘要：两行显示，超出截字处理 ，所有摘要内容均添加“...”；点击跳转帖子页；处理逻辑：截取帖子正文纯内容的前90个汉字（180个英文），需剔除图片、表情及其他UBB样式代码；HTML帖子不出摘要 5.缩略图：显示3张，尺寸：90定高不定宽；点击后跳转帖子页（无需放大效果）；处理逻辑：保存帖子正文图片的前3张图片，不足3张的只保存当前的数量；使用缩略图显示，执行切缩略图之前的帖子默认为无图（不显示缩略图）； 6.2014-4-11 (发表时间)发表在  [原创](话题分类，点击切换，跳转后锚点定位帖子列表操作区)‘ 7.来自xxxx(发帖来源)，xxx新开窗至http://app.pconline.com.cn/ 8.浏览123467 回复1374（浏览量，回复量）； 9.最后回复：xxxx(昵称) 12秒前（如前显示时间格式）；昵称在线标黄； 10.若无最后回复，显示抢沙发，点击后跳转帖子页锚点定位快速回复框；
下一页	点击跳转下一页
翻页框	如前
论坛推荐	读取CMS栏目接口（数量：7）
论坛热帖	读取CMS栏目接口（数量：4*3）	缺切换效果
论坛热词	读取CMS栏目接口（按版块出不同内容）
最新热帖	读取论坛热帖（数量12）