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.正文；（单当前帖子URL） 5.收藏帖子按钮	缺"收藏"按钮
右侧栏
交互功能模块	发帖按钮： 1.on mouse有下拉效果，可选择发帖的类型（活动、悬赏等），如前； 2.非登录状态，点击后当前页面跳转至通行证登录页面，完成登录后跳转至发帖页；
	回复按钮： 1.非登录状态，按钮为不可点击状态； 2.登录状态，按钮为可点击状态，点击后锚点定位至快速回复区；
	收藏按钮： 1.非登录状态，按钮为不可点击状态； 2.登录状态，按钮为可点击状态，点击后弹窗提示收藏成功；
	评分按钮：（对楼主评分） 1.非登录状态及未达到评分条件（当前登录用户等级不够或是楼主自身），按钮为不可点击状态； 2.当前用户可对主楼评分时，按钮为可点击状态，点击后弹窗执行对主楼评分（需提示对主楼评分）
	分享按钮： on mouse有下拉效果，显示分享组件（如右）
	交互效果：固定至浏览器右上角，上边距15px； 触发条件：页面向下滚动时，浏览器上边框触及该模块上缘向上增加15px时；
帖子作者	1.作者头像（50*50），点击跳转作者个人中心首页； 2.作者昵称，点击跳转个人中心首页；在线标黄 3.职务：站长、版主、版副、嘉宾； 4.注册时间"2009-09-03" 5.等级“太平洋舰队新兵” 6.星星太阳月亮，如前； 7.主题、回复、精华、粉丝，对应数值，带链接topic/reply/pick/fan；当数值数位超过5位时，显示前两位数字及“w”，如326505即显示32w； 8.勋章：一行显示5个，超过5个时显示“展开更多”（alt）的按钮，展开后显示收起的按钮； 9.发消息&关注Ta
Ta的帖子	展示该帖作者的最新发表的主题（发表时间降序），自适应高度最多显示5条数据；
推荐阅读	HTML代码块（需确定代码块ID），读取CMS栏目接口；
浮动按钮	1.回顶部（alt提示"回顶部"）； 2.发帖（alt提示"发新帖"），非登录状态点击参照上述"发帖按钮"；
帖子正文区
标题	带链接，超出部分换行左对齐显示；
帖子图集	1.是否显示提交按钮判断如前； 2.点击跳转帖子图集；
作者头像	带个人中心链接，尺寸70*70
勋章	默认显示18个，有打开更多的效果
帖子信息	1.作者昵称； 2.职务“作者”； 3.等级“lv33,太平洋舰队发言人”； 4.发表时间“14-5-19 20:33”； 5.浏览数，查看数； 6.只看楼主； 7.楼主（带链接）； 8.楼层跳转；
帖子正文	如前；图片显示700px
帖子评分内容	如前，样式稍调整
签名档	高度限制350px，超出隐藏；
产品库&快聚&IT百科	去掉~
回帖区
头像及用户信息	1.头像尺寸70*70； 2.职务“作者”； 3.等级“lv33,太平洋舰队发言人”； 4.默认显示5个，有打开更多的效果；
信息弹层	用户信息弹层on mouse头像及昵称弹出： 1.作者头像（50*50），点击跳转作者个人中心首页； 2.作者昵称，点击跳转个人中心首页；在线标黄； 3.职务：站长、版主、版副、嘉宾； 4.注册时间"2009-09-03" 5.等级"太平洋舰队新兵" 6.星星太阳月亮，如前； 7.主题、回复、精华、粉丝，对应数值，带链接topic/reply/pick/fan；当数值数位超过5位时，显示前两位数字及"w"，如326505即显示32w； 8.勋章：一行显示5个，超过5个时显示"展开更多"（alt）的按钮，展开后显示收起的按钮； 9.发消息&关注Ta 10.达人标识
回帖信息	2013-4-19 01:50:24（回帖发表时间）； 来自android客户端（agent如前，on mouse弹出二维码，带链接）； 只看该作者，如前； 沙发、板凳...（带链接如前）
回复 ( 回复本楼)	1.引用 xxx（昵称带链接） 2014-05-13 12:46（时间） 发表于x楼的内容 2.文本输入框，如前； 3.选取表情，弹框显示全部表情； 4.高级模式，引用&输入内容需要带到发帖页的输入框，如前； 5.发表按钮，去掉”发消息给xxx“勾选框,发消息只判断发帖时是否勾选了接收信息；
	新增功能：上传图片（单图） 1.点击该功能按钮，直接弹出系统选文件的窗口； 2.选取文件（只可选单个图片文件，格式如前，≤5M）； 3.点击确定后，显示弹层，提示”正在上传...xxx.jpg“,xxx为文件名，最多只显示3中文5英文，多出部分截取掉； 4.上传完毕后，自适应显示缩略图（120*90；alt:发表回复将插入该图），下方”删除“按钮，点击后清楚图片隐藏弹层；若再点击上传按钮则重新弹窗选图； 5.上传完毕后，再次点击上传功能按钮，则重新弹窗选一张图，若”确认“，则重新上传该图片（覆盖前一张），如前所述； 6.点击”发表“按钮，完成发布后，则该图片与上述文本框输入的内容（及引用的内容）结合（图片位于文本下方，无需隔行），输出该回帖；
评分	如帖子评分；
举报	弹窗如前；
被删/被锁楼层	只显示： 1.头像：系统默认头像； 2.昵称：系统管理员； 3.内容：该楼层已被屏蔽 | 为什么？“为什么”的链接待定
下一页	点击跳转下一页如列表页；
翻页框	带跳页功能如前；发帖按钮如前
快速回复工具	工具栏，去掉网络图片功能，新增上传图片（单图），其余功能如前； 去掉右侧表情
底部如列表页