Ticket #332 (assigned 需求) — at Version 7
论坛亮点功能需求(二期)
| 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观点、观点实时回复,具体样式见框架图;

5.PK贴有两种观点,红方和蓝方观点,用户只能支持其一,一旦支持一个之后,另一个观点则不能支持。例如:用户点击“支持红方”按钮,则当前“支持红方”按钮变为“发表意见”,同时向下展开回复框(点击关闭则收起回复框),用户可选择发表观点,“支持蓝方”按钮则不能点击。
ps:
1)用户支持某观点后,回复框内默认展示观点标签,用户点击回复框发表内容时,则隐藏标签,发表成功后则带上标签;
2)若登录用户(已支持某观点)二次或多次进到帖子页,仍可进行观点发表,点击“发表意见”则向下展开回复框(用户进入帖子页,默认是不展开回复框的);
3)若用户支持红方观点,则回复框颜色变为红色,反之变成蓝色;
4)用户点击按钮支持某观点后,不需出现成功提示。

6.用户支持某个观点后,则该观点数+1,与投票一致;
7.PK结果图按红蓝两方投票百分比显示,如下图所示;
ps:
1)当出现0:0(PK条对半展示)等以上情况,然后某用户投第一个票时,PK条做动画效果;
2)当出现蓝方:红方=100:0这种情况,PK条红方也显示,显示投票数0,不出现整个PK条都是蓝色的情况;

8.用户支持一方观点并发表观点后,发表的内容将即时呈现在相应“观点呈现区”,同时以“支持红方#XXXXXXXXXPK观点+自己观点”形式出现在回帖楼层,如下图所示;
ps:
1)用户对其观点进行修改,编辑器内不带有标签,发表后默认带上标签;
观点呈现区:
1)最新回帖排在最前(按回复时间倒序排列),并进行上下轮播(轮播方式:逐条轮播),建议轮播间隔时间:2S,轮播条数:红蓝两方各15条;
2)点击“回复”跳转至高级模式,并在编辑框内引用回帖楼层内容(正常显示,不附加观点标签);
3)点击“楼层”跳转至相应楼层;
4)点击“用户名”跳转至用户个人中心;
5)回复成功后的内容也会同时在观点呈现区与回帖楼层中露出;

回帖显示:

9.未进行投票支持的登录用户,也可以对PK进行正常回复,回复内容则以正常回帖出现,不带有“支持红方#XXXXXXXXXPK观点”;
10.超过投票时间,则“支持红方”和“支持蓝方”按钮变为不可点击状态,仅显示PK结果,针对所有用户,包括已支持和发表观点的用户;
11.非登录用户,点击“支持红方/蓝方、回复、发表观点”则统一跳转至登陆页;
12.wap版或app版暂不处理。
二、美图
1.用户进入发帖页,上传图片后,在图片右上角区域新增一个按钮“编辑”
;
2.点击“编辑”则在当前页弹窗:图片编辑框,具体样式见框架;
3.编辑框包含功能:撤销、框图、圈图、箭头、涂鸦、文字

4.点击“框图、圈图、箭头、涂鸦”其中一个功能,则在该功能向下展开画板,用户可进行颜色的选择和粗细程度选择,如下图所示;

1)框图、圈图、箭头、涂鸦:可选颜色及粗细,用户按住鼠标左键开始操作,松开左键即完成操作,如下图效果;

5.用户点击“文字”功能,则向下展开字号选择和画板,可选择字号以及颜色,如下图所示;

1)文字:可在图片添加文字说明,可选颜色及字号,用户将光标移到需要添加文字效果的位置,左击鼠标左键,即出现文字输入框,则开始输入文字,左键点击其他区域则完成输入,效果如下图所示;

6.用户对图片编辑,可进行“撤销”、“包含”、“完成”、“取消”、“关闭”等操作;


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
![(please configure the [header_logo] section in trac.ini)](http://www1.pconline.com.cn/hr/2009/global/images/logo.gif)