Ticket #332 (assigned 需求) — at Version 8

Opened 12 years ago

Last modified 11 years ago

论坛亮点功能需求(二期)

Reported by: jinzhentao Owned by: liubixiao
Priority: 最高级(1) Milestone:
Component: 电脑网产品论坛 Version: 电脑论坛BBS7.2.2
Keywords: Cc:
Due Date: 26/09/2014

Description (last modified by jinzhentao) (diff)

一、PK贴

1.新增帖子类型“PK贴”;
2.后台普通权限新增“发PK帖”权限,板块组配置-积分配置,新增“参与PK贴时加积分”;
3.PK贴发帖页字段:标题、分类、PK观点(红方观点、蓝方观点)、截止时间
ps:
1)标题、PK观点做长度限制,与投票贴一致;
2)截止时间不用在帖子页露出;
3)去掉“更多选项”,设计稿有露出。
4.帖子页主楼露出字段:标题、正文、PK观点、观点实时回复,具体样式见框架图;
http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c9/38114753_1409543368098_1024x1024.png
5.PK贴有两种观点,红方和蓝方观点,用户只能支持其一,一旦支持一个之后,另一个观点则不能支持。例如:用户点击“支持红方”按钮,则当前“支持红方”按钮变为“发表意见”,同时向下展开回复框(点击关闭则收起回复框),用户可选择发表观点,“支持蓝方”按钮则不能点击。
ps:
1)用户支持某观点后,回复框内默认展示观点标签,用户点击回复框发表内容时,则隐藏标签,发表成功后则带上标签;
2)若登录用户(已支持某观点)二次或多次进到帖子页,仍可进行观点发表,点击“发表意见”则向下展开回复框(用户进入帖子页,默认是不展开回复框的);
3)若用户支持红方观点,则回复框颜色变为红色,反之变成蓝色;
4)用户点击按钮支持某观点后,不需出现成功提示;
5)用户在回复框发表内容后,给予成功提示。
http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c9/38114618_1409543132559_1024x1024.png
6.用户支持某个观点后,则该观点数+1,与投票一致;
7.PK结果图按红蓝两方投票百分比显示,如下图所示;
ps:
1)当出现0:0(PK条对半展示)等以上情况,然后某用户投第一个票时,PK条做动画效果;
2)当出现蓝方:红方=100:0这种情况,PK条红方也显示,显示投票数0,不出现整个PK条都是蓝色的情况;
http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38111890_1409540382844_1024x1024.png
8.用户支持一方观点并发表观点后,发表的内容将即时呈现在相应“观点呈现区”,同时以“支持红方#XXXXXXXXXPK观点+自己观点”形式出现在回帖楼层,如下图所示;
ps:
1)用户对其观点进行修改,编辑器内不带有标签,发表后默认带上标签;
观点呈现区:
1)最新回帖排在最前(按回复时间倒序排列),并进行上下轮播(轮播方式:逐条轮播),建议轮播间隔时间:2S,轮播条数:红蓝两方各15条;
2)点击“回复”跳转至高级模式,并在编辑框内引用回帖楼层内容(正常显示,不附加观点标签);
3)点击“楼层”跳转至相应楼层;
4)点击“用户名”跳转至用户个人中心;
5)回复成功后的内容也会同时在观点呈现区与回帖楼层中露出;
http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38111934_1409540428426_1024x1024.png
回帖显示:
http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/02/c4/38153065_1409623992816_1024x1024.png
9.未进行投票支持的登录用户,也可以对PK进行正常回复,回复内容则以正常回帖出现,不带有“支持红方#XXXXXXXXXPK观点”;
10.超过投票时间,则“支持红方”和“支持蓝方”按钮变为不可点击状态,仅显示PK结果,针对所有用户,包括已支持和发表观点的用户;
11.非登录用户,点击“支持红方/蓝方、回复、发表观点”则统一跳转至登陆页;
12.wap版或app版暂不处理。

二、美图

1.用户进入发帖页,上传图片后,在图片右上角区域新增一个按钮“编辑”http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38112644_1409541051719_1024x1024.png
2.点击“编辑”则在当前页弹窗:图片编辑框,具体样式见框架;
3.编辑框包含功能:撤销、框图、圈图、箭头、涂鸦、文字
http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38112648_1409541054538_1024x1024.png
4.点击“框图、圈图、箭头、涂鸦”其中一个功能,则在该功能向下展开画板,用户可进行颜色的选择和粗细程度选择,如下图所示;
http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38112652_1409541064626_1024x1024.png
1)框图、圈图、箭头、涂鸦:可选颜色及粗细,用户按住鼠标左键开始操作,松开左键即完成操作,如下图效果;
http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38112653_1409541066082_1024x1024.png
5.用户点击“文字”功能,则向下展开字号选择和画板,可选择字号以及颜色,如下图所示;
http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38112654_1409541067115_1024x1024.png
1)文字:可在图片添加文字说明,可选颜色及字号,用户将光标移到需要添加文字效果的位置,左击鼠标左键,即出现文字输入框,则开始输入文字,左键点击其他区域则完成输入,效果如下图所示;
http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38112655_1409541068540_1024x1024.png
6.用户对图片编辑,可进行“撤销”、“包含”、“完成”、“取消”、“关闭”等操作;
http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38112658_1409541069892_1024x1024.png
http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38112659_1409541071059_1024x1024.png
1)撤销:可撤销上一步编辑操作;
2)重新开始:撤销所有编辑操作,重新开始编辑;
3)完成:完成图片编辑并上传,并关闭弹窗;
4)取消与关闭:关闭编辑框;

五、模板换肤(待定,具体根据需求安排完成)

根据销售的具体需求做相关配合完成列表页模板换肤效果,模板换肤三步曲:
1.底纹、顶部通栏的换肤;
2.视频、相册等插件的插入;
3.商家元素置换图标、活动组件的插入等;


附:设计稿地址

二期:PK贴+美图

1.PK贴 http://192.168.50.243/2014/09/06%20LT/01.html
2.美图 http://192.168.50.243/2014/09/06%20LT/MT1.html

Change History

comment:1 Changed 12 years ago by jinzhentao

  • Description modified (diff)

comment:2 Changed 12 years ago by jinzhentao

  • Description modified (diff)

comment:3 Changed 12 years ago by jinzhentao

  • Description modified (diff)

comment:4 Changed 12 years ago by liubixiao

  • Owner changed from dingjianyong to liubixiao
  • Status changed from new to assigned

comment:5 Changed 12 years ago by jinzhentao

  • Description modified (diff)

comment:6 Changed 12 years ago by jinzhentao

  • Description modified (diff)

comment:7 Changed 12 years ago by jinzhentao

  • Description modified (diff)

comment:8 Changed 12 years ago by jinzhentao

  • Description modified (diff)
Note: See TracTickets for help on using tickets.