id	summary	reporter	owner	description	type	status	priority	milestone	component	version	resolution	keywords	cc	due_date
368	亲子网论坛7.3.1需求（图片贴、图片评论、帖子预览、图片美化）	luohuimin	liubixiao	"'''== 资料 =='''

框架：http://192.168.21.51/pcbaby-v7.3.1/
设计稿：http://192.168.50.88/2015_zym/0715/pcbaby.html
制作稿：http://zzb.pcauto.com.cn/tools/gongdan/plan.php?id=95

----

'''== 图片贴 =='''

一、发帖页：
1、页面展示（详细看框架）：
1）图片贴作为一种新的帖子类型呈现；
2）编辑器右侧图片上传版块隐藏，上传图片外链功能隐藏；
3）编辑器高度收窄长度拉宽，编辑源码功能仅开放给管理员权限用户；
4）底部发帖按钮旁新增上传图片按钮；
5）编辑器下方新增图片模块（一个图片模块由一张图片、一个文本输入框、一个关闭按钮组成）；
6）图片模块仅在有图片时显示，帖子无图时隐藏图片模块。
7）图片模块中，有“美化图片”按钮。
8）图片模块中，文本输入框内，有提示文案：“请在此输入60字内的图片描述...”

2、发帖流程：
1）网友进入图片贴发帖页，以正常流程输入帖子标题、选择分类、输入帖子正文（编辑器）。
2）点击“上传图片”按钮，从目录里选择单张或多张图片上传
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c2/9793975_1436933676970_1024x1024.png)]]
3）图片上传后，编辑器下方按上传顺序露出各图片模块，网友可在模块输入框内添加图片描述。
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c2/9793978_1436933703209_1024x1024.png)]]
---图片模块右上角删除按钮，点击后可删除整个图片模块。
---鼠标长按并上下拖动图片模块时，可调换模块位置，但帖子正文（编辑器）位置固定在最顶不变。（帖子正文在前、所有图片模块在后）指针指向图片+描述模块时，指针改为十字形，以便网友知悉模块可拖动。
---图片模块固定显示“编辑图片”提示，点击图片后，弹出图片编辑框。

3、注：
1）图片贴发帖权限，后台归入到用户普通权限的配置中，上线时默认对普通网友开放，各网可根据运营需要自行修改权限配置。
2）图片描述字数，限制在每张图片200字内。
3）对同一个帖子内的图片，上传数量不作限制。
4）对图片贴内的图片大小尺寸控制，与普通贴的图片保持一致。
5）图片编辑：在电脑网图片编辑功能的基础上，增加马赛克功能；并优化文字工具功能（在文字编辑的状态下，可更改已输入的文字颜色及大小）

二、帖子页：
1、页面展示：
1）帖子内容显示顺序：正文--图片1及图片1描述--图片2及图片2描述...以此类推
2）图片及其图片描述，合拼为一整体模块，显示在帖子页当中：
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/30/c4/10440359_1438239138179_1024x1024.png)]]

三、列表页
1、帖子类型筛选，增加“图片贴”筛选项
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/23/c5/10139665_1437643225931_1024x1024.png)]]
2、发帖类型选项，增加“图片贴”发帖项
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/23/c5/10139639_1437643224824_1024x1024.png)]]
3、贴子类型icon，增加图片贴icon
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/23/c5/10139666_1437643229573_1024x1024.png)]]

四、帖子图集：
1、页面展示：
1）图片下方新增图片描述，包含图片页数和图片描述内容
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c2/9794016_1436933757574_1024x1024.png)]]
2）图片描述浮层，默认显示两行，若描述内容超过两行，则当网友鼠标指向描述框时，自动向上展开剩余的隐藏部分。

----

'''== 图片评论 =='''

一、帖子页：
1、页面展示：
1）主楼：
---主楼图片右下角新增“评论”按钮；
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c4/9798112_1436939304911_1024x1024.png)]]
---点击按钮，向下展开评论输入框（输入框包含1个文本框、表情包、1个发表按钮、1个关闭按钮）
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c4/9798093_1436939305794_1024x1024.png)]]
2）回复楼层：
---图片评论内容，以引用回复的形式在回帖里显示，引用内容仅显示文案“对图片进行评论：”以及评论的图片（具体参考框架）。
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c4/9798092_1436939302896_1024x1024.png)]]

2、功能流程：
1）所有帖子类型下，主楼图片增加对应的评论按钮（指针指向图片时显示按钮，移开指针则按钮隐藏）；
2）网友针对单张图片进行快速评论
3）评论发布成功后，内容以引用回帖的形式在回复楼层里展示

3、注：
1）使用权限：所有论坛用户，无权限控制
2）图片评论按钮交互补充：
---鼠标指针指向主楼图片时按钮出现，鼠标移开时按钮消失
---点击按钮，向下展开评论框，评论框以浮层形式展示；再次点击评论按钮，评论框收起。
---出图片评论icon的图片，尺寸规定与出水印的尺寸一致。（如，亲子网300px以上传水印，则300px以上图片也出评论icon）

----

'''== 帖子预览 =='''

一、页面样式：
1、用户鼠标指向帖子时，出现“预览”按钮；
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c4/9798193_1436939499278_1024x1024.png)]]
2、点击“预览”，向下展开帖子预览内容；
3、展开的内容，仅显示楼主头像、楼主用户名、两行正文内容、以及三张主楼图片的缩略图；
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c4/9798178_1436939500820_1024x1024.png)]]

二、后台配置：
1、在后台“版块管理”里，可针对单个版块设置是否启用预览功能。

----

'''== 其它优化需求 =='''

一、列表页：
1、直播贴加pk、投票、悬赏、活动等帖子类型icon

2、下拉页面时，顶部冻结固定能露出筛选项；便于页面内容管理，提高调整筛选项效率
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c5/9804230_1436945896017_1024x1024.png)]]

二、帖子页：
1、pk贴主贴中的回复滚动列表，加入alt属性（鼠标指向回复时，浮层显示完整回复内容）；PK帖的轮播，改为显示最新的10条
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c5/9804226_1436945887854_1024x1024.png)]]

2、下拉页面时，顶部冻结固定能露出查看数、回复数及标题一行
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c5/9804248_1436945897086_1024x1024.png)]]

3、用户头像下方“主题”统计，点击链接跳转至小家论坛主题列表；目前点击主题，跳转的是论坛签名。点击回帖和精华，都跳的是对应列表
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c5/9804249_1436945899335_1024x1024.png)]]

4、回复本楼优化：网友回复内容与回复编辑框合拼，并默认隐藏内容，仅显示回复本楼icon；回复内容，加入alt属性（鼠标指向回复时，浮层显示完整回复内容）；
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c5/9804247_1436945894899_1024x1024.png)]]

5、置顶回复：置顶回复不显示在主楼下方，而是改为在主楼和沙发之间直接插入置顶楼层（带明显的置顶logo），同时该置顶楼层原来所在位置也保留内容。另，由于二维码勋章取消，每一楼层的固定最小高度可调小。
比如：把地下室（5楼）设为置顶回复，则楼层排序改为：主楼、地下室（带置顶logo）、沙发、板凳、地板、地下室（不带置顶logo）、6楼
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c5/9804231_1436945898099_1024x1024.png)]]

6、论坛pc端发表帖子，删除帖子时会出现的弹窗，图标改为感叹号
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c5/9804245_1436945891499_1024x1024.png)]]

7、删除个别旧分享渠道；增加分享到朋友圈/微信好友，点击出链接二维码图（含wap、wap端）
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c5/9804246_1436945893520_1024x1024.png)]]

8、楼层评分：时间旁的评分可以改为“奖励”。总评分拆为：积分合计、金币合计
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c6/9809479_1436951494736_1024x1024.png)]]

三、其它：
1、sns：小家里的私密圈消息（包括主贴及回帖）列表独立，与普通主题帖、普通回帖区分开
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c5/9804244_1436945888992_1024x1024.png)]]

2、回帖列表剔除用户发表的主题内容；摘要显示用户回帖以及回复的主题，参见汽车网个人中心
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c5/9804227_1436945890211_1024x1024.png)]]

3、私密圈：发帖人用户名采用全匿名样式“*****”，保护私密隐私（含PC版块列表、消息中心提示列表和APP回复提示列表）
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c6/9809593_1436951594082_1024x1024.png)]]
"	需求	new	最高级（1）		亲子网论坛	亲子论坛BBS7.3.1				31/08/2015