id	summary	reporter	owner	description	type	status	priority	milestone	component	version	resolution	keywords	cc	due_date
366	家居网wap版论坛开发需求	luohuimin	liubixiao	"
'''== 资料 =='''

框架：http://192.168.21.51/2015pchouse-wap/
设计稿：http://192.168.50.179/zenghuijuan/2015-06/2015-06-17%20jiajuwang%20luntan/PConline4.1%20%282%29.html

----

'''== 首页 =='''

'''一、头部面包屑'''

1、组成部分：左侧“首页”icon，点击跳转至家居网大首页；中间导航“论坛”（可点击，点击跳转到论坛首页）；右侧个人中心入口，点击后判断用户是否登录，若没登录，弹出登录提示框，若已登录，跳转至个人中心。
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261149_1435915173181_1024x1024.png)]]

2、导航命名规范（在不同页面有不同的显示方式，具体可参考框架）：
论坛（可点击） ＞ 版块名称（可点击） ＞ 主题分类（不可点击）
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261066_1435915122121_1024x1024.png)]]

'''二、版块'''

1、内容cms维护，放置4个重点版块入口；显示版块封面图、版块名称，点击跳转至版块列表页
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261135_1435915145665_1024x1024.png)]]

'''三、热门活动'''

1、CMS后台推送及排序；显示3条活动资讯，标题+活动时间，点击跳转帖子终端页
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261172_1435915171604_1024x1024.png)]]

'''四、精彩推荐'''

1、出各版块推送至cms的帖子（过滤测试版块）

2、显示标题（2行），正文（2行），主贴前三张小图，用户名，日期，浏览数，回复数
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261144_1435915146705_1024x1024.png)]]

3、首页默认显示前10条最新的推荐贴，加载更多后，显示后10条

----

'''== 列表页 =='''

'''一、头部'''

1、导航右侧增加发帖按钮、有图/无图模式切换按钮、收藏版块按钮
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261142_1435915142204_1024x1024.png)]]
1）无图模式及有图模式：
---有图模式下，列表页显示帖子主楼的前三张图片
---无图模式下，列表页仅显示标题
---有图及无图模式的切换，不影响置顶帖样式
2）发帖按钮：
---点击按钮，先判断用户是否登录，若未登录，弹出提示登录，若已登录，跳转发帖页
3）收藏版块按钮：
---点击按钮弹窗提示“收藏成功”，再次点击，提示“取消收藏”
---设计图像化，出“已收藏”及“未收藏”两种样式
2、头部制作做成悬浮效果

'''二、帖子筛选'''

1、默认状态下，页面显示版块下的“精华”贴；

2、“最新”按版块下帖子更新时间（相当于最新回复）倒序排序

'''三、置顶位'''

1、列表顶部置顶位（最多三个），读取当天最新三个本版置顶
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261143_1435915144600_1024x1024.png)]]

2、置顶帖排除HTML等样式不适配到wap端的帖子

3、置顶位的帖子字体相对调小，帖子高度设计比普通贴子高度小，仅显示置顶icon，标题、有图贴icon、精华帖icon等

'''四、帖子列表'''

1、切换有图/无图模式，切换按钮为头部右侧的图片logo（设计出选中和不选两种样式效果）

2、无图样式露出帖子标题、用户头像、用户名、发帖日期、浏览数、回复数，有图样式在无图的基础上，增加主楼前三章图片的缩略图
---无图模式：
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261132_1435915141028_1024x1024.png)]]
---有图模式：
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261134_1435915143446_1024x1024.png)]]

3、除三个固定的置顶位，列表页默认显示20条数据/页，点击“查看更多”将继续往下加载20条数据

----

'''== 帖子页 =='''

'''一、头部'''

1、收藏帖子按钮，点击按钮弹窗提示“收藏成功”，再次点击，提示“取消收藏”
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261191_1435915233343_1024x1024.png)]]

'''二、普通帖'''

1、帖子标题下方，显示版块名称、浏览数和回复数、用户信息（头像、用户名、角色）、只看楼主、发帖时间，其中：
1）版块名称可点，点击可跳转至版块页
2）只看楼主可点
3）用户信息：
---用户头像及用户名，点击跳转至“个人中心-我的论坛”
---用户名下方显示用户角色
---以上规则同样适用于回帖楼层、个人中心-我的论坛等。
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261214_1435915240290_1024x1024.png)]]

2、回贴：
1）主楼底部，回复主楼按钮，点击后，锚点到页面底部的回复框
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261174_1435915176079_1024x1024.png)]]
2）底部回复框有登录判断，未登录时，显示请登录
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c5/9262057_1435916420360_1024x1024.png)]]
3）回复其它楼层时，点击回复按钮，有登录判断；未登录则提示登录，已登录则将向下展开楼层回复框
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261150_1435915175090_1024x1024.png)]]
4）回帖每页显示10层，多余10层作翻页显示

3、回到顶部上方，增加回帖按钮，点击跳转至回帖框（此功能同样应用于其他特殊帖子页）
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c5/9262060_1435916487646_1024x1024.png)]]

4、隐藏内容：
1）当帖子正文里有隐藏内容时，需要回复才能看到具体内容
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261213_1435915238888_1024x1024.png)]]

'''三、活动贴'''

1、页面露出元素：活动时间、城市、需要人数、报名截止时间、已报名人数
（可点击，点击后弹窗显示申请者名单）、已审核人数、已获奖人数、报名按钮（可点击，点击后弹出报名框，网友提交报名信息后，此按钮隐藏）。
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261175_1435915178076_1024x1024.png)]]

2、报名弹窗：包括姓名（必填）、电话（必填，输入内容必须为数字）、参加人数（必填）、所在城市（二级联动下拉框）、收货地址、特别说明
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261173_1435915174033_1024x1024.png)]]

3、已报名名单弹窗：展示所有报名名单，包括用户名、参加人数
备注：已审核、已获奖，仅显示人数，不展示名单，无交互效果
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261151_1435915177066_1024x1024.png)]]

'''四、试用贴'''

1、页面露出元素：活动时间、试用商品、试用名额、申请截止时间、已申请人数（可点击，点击后弹出试用申请名单）、已审核人数（可点击，点击后弹出试用通过名单）、立即申请按钮（点击后弹出申请弹窗）
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261209_1435915231639_1024x1024.png)]]

2、申请弹窗：包括真实姓名、联系电话（输入内容必须为数字）、邮编、QQ、收货地址（二级联动下拉框+输入框）、申请理由；以上全部内容均为必填
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261208_1435915228782_1024x1024.png)]]

3、试用名单：露出申请者用户名

4、申请通过名单：露出申请者用户名、申请理由
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261182_1435915179100_1024x1024.png)]]

'''五、投票贴'''

1、当用户未投票时露出元素为：投票选项、单选/多选按钮、提交按钮

2、当用户已投票时：
1）露出元素：投票选项、投票票数及百分比、柱状图、“已投票”提示

3、当投票已结束时：
1）露出元素：投票选项、投票票数及百分比、柱状图、“投票结束”提示
---未投票
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261211_1435915234301_1024x1024.png)]]
---已投票/投票结束
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261223_1435915236847_1024x1024.png)]]


----

'''== 发帖页 =='''

'''一、头部'''

1、右侧发帖按钮：点击发帖时，需判断是否已选择版块、输入标题、内容，若三者有一为空，则弹窗提示“xx不能为空”；若正文内容小于5，则弹窗提示“帖子内容长度必须大于5
2、左侧有返回上一页的按钮
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c5/9262264_1435916753592_1024x1024.png)]]

'''二、正文部分'''

1、版块下拉选项：在版块列表的发帖入口进入发帖页，自动匹配到当前所在版块，下拉框可选其他版块

2、标题：限制输入50字，输入时，显示输入的字数，若字数超出50，则提示变为红色

3、正文：输入内容必须大于5个中文字符

4、表情及图片上传：
1）表情及图片上传切换按钮，分别设计出选中、没选两种样式
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261075_1435915123454_1024x1024.png)]]
2）表情tab：表情尺寸调大，表情数量与pc端保持一致
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c5/9262466_1435916928662_1024x1024.png)]]
3）图片上传tab：
a、图片上传有两种方式，可添加本地图片，可直接拍摄上传
b、上传第一张图片时：
---点击图片上传按钮，弹出图片上传弹窗
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c5/9262451_1435916929733_1024x1024.png)]]
---“+”按钮隐藏
c、上传第二张及更多图片时：
---点击图片上传按钮，仅作切换的交互。
---最后一张图片下方显示“+”按钮，点击“+”，弹出选择弹窗
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c5/9262468_1435916930753_1024x1024.png)]]
---图片上传按钮右上角显示当前已上传图片张数
4）图片及图片描述模块：
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261067_1435915124403_1024x1024.png)]]
---每张图片旁，自带一个图片描述框，可输入文本；
---点击图片时，全屏展示图片大图（图片预览）
---点击删除按钮时，系统弹窗提示“是否确定删除此图片及其描述”
---点击返回按钮，返回到发帖页，点击删除按钮，则删除当前图片，页面跳转到前一张图片的预览

----

'''== 个人中心 =='''

'''一、我的论坛'''

1、导航右侧有退出按钮，点击后退出登录状态，页面返回论坛首页
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c5/9262702_1435917052206_1024x1024.png)]]

2、导航下方显示用户信息，包括：头像、用户名、角色
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c5/9262703_1435917053733_1024x1024.png)]]

3、用户信息下方，以列表形式展现“我的帖子”、“我的收藏”、“我的活动”、“我的奖品”四个部分，并可分别点击对应的部分查看内容。

'''二、我的帖子'''

1、我的帖子，包括三个部分：“我的主贴”、“我的回帖”、“我的精华”，这三个部分可在页面中切换
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c5/9262854_1435917226331_1024x1024.png)]]
1）我的主贴：
---露出元素：版块名称、标题（显示两行）、图片icon、精华icon、发帖时间、浏览数、回复数
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261081_1435915139347_1024x1024.png)]]
---版块名称：点击后可跳转到版块页
---帖子标题：点击后跳转至帖子页
---当帖子过多时，默认显示最新10条，页面上拉后再向下加载10条，设计出加载更多的样式，此规则同样适用于个人中心其他页面中
---当用户没有发过主贴，页面显示：亲，您还没有发过贴呢
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c5/9262815_1435917227160_1024x1024.png)]]
2）我的回帖：
---露出元素：回复用户名（我回复的是谁）、回复时间、回复内容（显示两行）、回复主题（显示一行）
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261069_1435915127846_1024x1024.png)]]
---回复用户：点击用户名，可跳转至该用户的个人中心
---回复内容：不可点击
---主题：点击标题后，可后跳转至帖子页
---无回帖时，页面显示：亲，您还没有回过贴呢
3）我的精华：
---无精华时，页面显示：亲，您还没有精华帖呢
---其他规则，与“我的主贴”一致

2、我的收藏：包括“版块收藏”、“帖子收藏”两个部分
1）版块收藏：
---露出元素：版块名称；可点击跳转至版块列表页
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261076_1435915125918_1024x1024.png)]]
---无收藏版块时，显示：亲，您还没有收藏过论坛呢
2）帖子收藏：
---露出元素，及其交互：与“我的主贴”一致
---无收藏帖子时，显示：亲，您还没有收藏帖子呢

3、我的活动：包括“报名活动”、“试用活动”
1）报名活动：
---当网友在活动贴里成功报名参加活动后，此页面会对应新增该报名活动信息
---露出元素，包括：活动时间、活动状态、活动标题（两行）、活动地点、是否中奖（活动无奖品时隐藏）
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261068_1435915126782_1024x1024.png)]]
---点击单个活动时，跳转至对应的活动页面
2）试用活动：
---当网友在试用贴里成功报名参加活动后，此页面会对应新增该试用活动信息
---露出元素，包括：活动时间、活动状态、活动标题（两行）、试用商品、是否通过审核
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261070_1435915129750_1024x1024.png)]]
---点击单个活动时，跳转至对应的活动页面

4、我的奖品，包括：“活动奖品”、“试用奖品”
1）活动奖品：
---当网友在所参加的报名活动中获奖，此页面讲对应新增一项奖品信息
---露出元素：交易时间（获奖时间）、标题（两行）、奖品、发货状态
[[Image(http://img.pchouse.com.cn/images/upload/upc/tx/housebbs6/1507/03/c4/9261078_1435915128849_1024x1024.png)]]
---点击单个奖品信息，跳转至对应的活动页面
1）试用奖品：
---当网友在所参加的试用活动中获奖，此页面讲对应新增一项奖品信息
---露出元素：与“活动奖品”一致
---点击单个奖品信息，跳转至对应的活动页面

5、他的论坛：显示内容及规则，与“我的论坛”一致，仅文案有调整（把“我的”文案统一改为“他的”）"	需求	new	最高级（1）		其他论坛	BBS7.1				28/08/2015