社区1期

App 社区

社区简介

社区一期中，用户可以发帖(晒单、分享)发话题(讨论、交流)，分享至微信和 Facebook，在增加老用户的活跃度及粘性的同时，吸引更多新用户的入驻。

功能点

1. 发帖
2. 识别#话题#标签为话题，从原生界面和 HTML5 页面上点击标签均可打开该话题页
3. App 中点击某些元素可以从 HTML5 帖子详情页打开 App 原生界面
4. 分享帖子至微信和 Facebook
5. 用户之间可以互相评论、点赞，第三方社交平台中可以匿名评论和点赞
6. 按帖子关联的链接不同，点击帖子图片和链接会以不同的情况继续接下来的操作(这部分内容详见 首页 - 全部帖子列表 - 帖子图片)
7. 可搜索帖子/话题/用户
8. 触发敏感词到一定条件后自动被禁言

文档改动

社区1期界面关系

Tab Bar 图标

• 进入社区前
  

• 进入社区后
  

  + 发布 icon，点击后直接进入发帖界面，从屏幕底部向上移入，以 300ms 先快后慢的动画

社区首页

查看原图

未登录状态

未登录状态可访问、浏览社区首页，但不可以未登录状态进入接下来的所有界面:

• 发帖
• 话题
• 点赞
• 评论
• 帖子详情页
• 个人主页
• 搜索(因为目的页是帖子详情页)
• 首页置顶热帖(列表页)
• 帖子设置的关联链接
• 点击帖子图片

以上这些情况发生时，弹出登录界面。

未登录状态访问社区首页时，左上角头像使用分享出去的帖子详情页匿名用户头像。

导航栏

左上角头像，点击前往自己的个人主页

• 从屏幕左侧，请注意是左侧移入屏幕，300ms 先快后慢
• 相应的，个人主页返回则是将界面从屏幕左边移出，300ms 先快后慢
• 如果有未读消息时，头像上会有一个小圆点，以提示用户点击，如第一张图左上角，点击后进入个人主页消息 Tab
• 如果无未读消息时，头像上没有小圆点，点击后进入个人主页帖子 Tab。

搜索

查看原图

点击社区首页右上角放大镜图标后，展开搜索框，撑满屏幕宽度，并且搜索框获得焦点/软键盘激活

搜索界面

• 可搜索的类型作为搜索框下方的3个可点击 Tab (找帖、找人、找话题)显示
• 每种搜索类型下方显示按该类型搜索的历史记录
• 历史记录中，最近的搜索记录显示在最上方
• 找人的搜索界面同找帖
• 关键词中包含敏感词时，无法搜索出任何结果，此规则帖子/话题/用户名通用
• 点击 搜索 后，跳转到搜索结果界面(新界面)

搜索结果

• 和关键词完全匹配的搜索结果显示在最上方，接着显示该搜索类型下所有包含关键词的联想搜索结果
• 找帖和找话题时，联想搜索结果里创建时间越近显示在越上面
• 找人时，联想搜索结果里最后访问时间越近显示在越上面
• 点击具体某条搜索结果时，根据搜索类型跳转
  找帖(界面类似首页置顶热门帖子) → 帖子详情页
  找人(导航栏 + 类似历史记录方式显示) - 个人主页
  找话题(导航栏 + 类似历史记录方式显示) - 话题页
• 搜索结果为空时，显示一个哭的熊猫图标，底下一行字，具体效果详见设计稿
  
  啊欧，没找到相关结果

点击搜索结果之后跳转的界面，点击 返回 按钮后，回到搜索界面。

热门(帖子)

• 推荐数个热门(带图片的)帖子，由管理员控制(文字按钮···(管理员)部分)
• 帖子内容（如果超过10个字，则末尾用"..."代替）
• 左右滑动查看
• 点击查看全部，前往全部热门帖子列表页
• 在社区首页中数量暂定为10个，剩余未显示部分可通过查看全部功能来查看
• 排序，后台控制
• 当一个首页置顶热门帖都没有的时候，这整个区域不显示，包括标题“热门”和查看全部，下面“全部帖子列表”移至该区域开始显示(从推荐、逛街、购物车、我的打开社区首页时判断，从搜索返回/从个人主页返回/从帖子详情返回/从话题返回都不判断)

全部帖子列表

• 排序

  根据发布时间倒序排列，最新发布显示在最上

• 数据加载(数量可能会随着开发结果调整)

  默认显示20个帖子，每次刷新加载10个帖子

• 用户头像

  点击头像前往该用户个人主页

• 用户昵称

  点击用户昵称前往该用户个人主页

• 时间 = 发布时间(按北京时间) - 现在时间(按北京时间)

  时间	显示
  时间 < 1小时	XX分钟前
  1小时 ≤ 时间 < 24小时	X小时前
  1天 ≤ 时间 < 30天	X天前
  30天 ≤ 时间 < 180天	(天数/30)个月前
  180天 ≤ 时间 < 360天	半年前
  360天 ≤ 时间	(天数/365)年前，小数点后直接去除，不会向前进位

“···”按钮

查看原图

• 人物角色
  帖子右上角的文字按钮显示和点击的规则是社区全局共用的，目前只有三种角色:

  • 发帖者
  • 管理员
  • 其他用户

• 分享部分

  • 分享的是帖子详情的 HTML5 网页
  • 未绑定 Facebook 时点击 Facebook 图标，跳转到 Facebook 去绑定，完成绑定后不弹出下图对话框的情况下通过接口直接分享出去
  • 
    对话框取自 Instagram 分享到 Facebook 时
  • 已绑定 Facebook 时点击 Facebook 图标，通过接口直接分享出去
  • 授权失败
    

    用户在授权过程中取消/其他原因没有授权成功，返回 Panli 后提示“授权失败”。

  • 点击分享到朋友圈，直接跳转到微信，用户完成分享后跳转回 Panli
  • 点击分享给微信好友，直接跳转到微信，用户完成分享后根据用户选择来判断跳转回 Panli(点回到 Panli 则跳回)

• 别人帖子，自己也不是管理员

  • 别人发布的帖子，显示···，点击后从底部向上移入分享面板(含微信朋友圈/微信好友/Facebook)及举报
  • 点击举报，将帖子 ID 发送给服务器

• 自己帖子

  • 自己发布的帖子，不显示分享，显示 ···
  • 点击 ··· 后，显示分享功能按钮(微信朋友圈/微信好友/Facebook)及删除
  • 分享部分同上面分享按钮
  • 点击删除，则删除该条帖子

• 管理员

  • 管理员身份在社区中看到的任何帖子，都不显示分享，显示 ···
  • 点击 ··· 后，显示分享功能按钮(微信朋友圈/微信好友/Facebook)热门、热帖、删除
  • 分享部分同上面分享按钮
  • 点击热门，将该条帖子设置为首页“热门”(首页置顶)
  • 点击热帖，将该条帖子设置为该帖子所在话题的“热门帖子”(话题页置顶)
  • 点击删除，则删除该条帖子

帖子图片

• 如果一个帖子发布时没有选图片，就不显示该区域
• 最多显示9张，但打开社区时每个帖子只加载第一张和第二张图片
• 可左右滑动查看，每次滑动仅会切换至上/下一张(视滑动方向)，不会出现一滑直接滑到第二张以后的情况
• 滑动切换到下一张的时候，开始预加载再下一张
• 滑动切换到上一张的时候，已加载的图片不会从本地删除，切换回去之后也不会再一次加载 ———— 每张图片在打开社区之后，只会加载一次
• 点击图片时:
  

  • 如果帖子没有设置链接，则效果同 App 商品详情中点击大图
    
  • 如果帖子设置的链接是是淘宝天猫的商品链接，则从 App 原生商品详情页打开该商品//此功能最好做成配置文件，以便随时针对淘宝天猫网址的改动来调整
    
  • 如果帖子设置的链接不是是淘宝天猫的商品链接，则以网页形式打开
    因为每个帖子最多只能关联一个链接，帖子和链接是一一对应关系，如果能实现的话，可以在不影响社区使用的情况下为代购引流。

帖子内容

由于字数已经做了严格限制(140个字符以内)，帖子总是显示全文，界面上不做限制

敏感词相关

• 发帖者可以正常看到带敏感字的全文(也就是说该权限无视敏感词屏蔽)
• 管理员可以正常看到带敏感字的全文(也就是说该权限无视敏感词屏蔽)看；
• 普通用户(非发帖者、非管理员)，看到的敏感词部分以“****”形式显示

话题

• 字符数再长也不隐藏文字
• 以 #话题# 的形式嵌在帖子内部，从属于帖子内容
• 可以在帖子最前面，也可以在中间，也可以在最后
• 点击 #话题# 前往该话题详情页
• 包含敏感词的话题，比如 #123****abc# 无法点击

赞及被赞次数

• 右边会有被赞次数
• 点击按钮，赞的数量 +1
• 取消按钮，赞的数量 -1
• 可以给自己点赞

评论及评论数

• 点击按钮后打开到帖子详情页，页面锚点到点赞一栏，不激活评论文本框
  
• 右边会有评论数
• 不管帖子内容是否带敏感词，是否有带敏感词的话题，都不影响点击评论后打开帖子详情页

网页链接

都是从屏幕右边移入，300ms 先快后慢

• 只能选择 1 个链接来关联到帖子
• 无论创建帖子的时候，链接是复制来的还是从商品库选择的，前端界面显示一样
  

  • 如果帖子设置的链接是是淘宝天猫的商品链接，则从 App 原生商品详情页打开该商品//此功能最好做成配置文件，以便随时针对淘宝天猫网址的改动来调整
    
  • 如果帖子设置的链接不是是淘宝天猫的商品链接，则以网页形式打开(没有前进、后退、刷新、停止等工具按钮，导航栏只有返回按钮和标题，标题使用网页 title)

发布帖子

查看原图

进入界面时
每当进入发布后，帖子内容编辑区自动获得焦点(弹出软键盘)，使得用户可以直接输入帖子内容，键盘选用带完成按钮的白底色键盘(iOS 默认键盘)。

不管 iPhone 版还是 Android 版，都要保证第三方输入法(搜狗和百度)能够正常发帖。

帖子内容

查看原图
这里是用户撰写帖子内容的地方，但无论文本框是否获得焦点/软键盘是否激活，只要文本框内没有输入文字，则都有一句默认的文字显示:

说点什么吧

字数限制

• 帖子内无论中文字符、英文字符、符号均算作一个字符
• 帖子内容编辑区右下角会有一个“当前字符数/140”的实时反馈/提示
• 当前字符数超过140字符时，“当前字符数”也会超过140，而且字体样式有变化，具体参考视觉稿，与此同时，界面右上角的发布按钮会变成灰色，无法点击
• 只有当帖子内字符数≤140时才可发布

增加话题按钮/#

• 用户可以选择添加多个话题，也可以不添加任何话题，只要整个帖子字数符合帖子140字符限制
• (帖子内容编辑区获得焦点但未选中任何文字/软键盘激活)点击时，先在光标所在位置输入两个“#”，然后迅速将光标移至两个“#”中间，使得用户可以点击按钮后直接输入帖子的话题/标签
• (帖子内容编辑区选中一段文字的情况下)点击时，先将“#”添加在选中文字的两端，然后迅速将光标定位至第二个“#”后面，使得用户可以继续输入接下来的内容
• 脚本//解决前两种情况，最后那种情况参考第一个情况

var sel = getSelectedText();
var selRange = getSelectedRange();
if (!sel || sel.length == 0) {
  setSelectedText("##");
  setSelectedRange(selRange[0]+1,0);
}
else {
  setSelectedText("#"+sel+"#");
 setSelectedRange(selRange[0]+selRange[1]+2,0);
}

• (帖子内容编辑区未获得焦点/软键盘未激活)点击时，先在帖子末尾输入两个“#”，然后迅速将光标定位至两个“#”中间，使得用户可以点击按钮后直接输入帖子的话题/标签

地理位置信息/LBS

• 每次打开发布帖子界面时，自动获取 LBS 信息，用户可以点击取消
• 信息获取完成后，图标颜色改变来提供视觉反馈
• 虽然获取的是完整的地理位置，但在帖子上显示的时候仅调用到目前仅显示国家

选择图片

查看原图

点击选择图片图标后，从底部弹出一个类似于“MyPanli”点头像的菜单，但现在有三项: //菜单选项如果与设计稿不同，以此为准

• 使用最新照片 —— 功能为相册最后一张，不需要用户再手动去选照片(iPhone 版独有功能)
• 立即拍摄美照 —— 与现在“MyPanli”点头像的菜单功能一致，请注意把原来头像中的圆形区域限制改为正方形
• 从相册中选取美照 —— 请注意使用选择多张照片的 action，不要将视觉稿理解成为一张一张选择
  

  • 用户(多)选的界面参考微信选图片，Done边上会有图片选择的限制，最多9张，超过时无法提交，提示“一个帖子只能发9张图片哦，其他图片就发到新帖子吧”
    
  • 从相册中选取图片后，原来软键盘的位置被图片管理区域替代，按设计稿的样式显示已选图片，此区域中的图片点击没有任何效果，要么删除要么继续添加
    
  • 图片右上角附带删除按钮 ×，点击可取消选择
    
  • 左右滑动查看图片
    
  • 点击添加图片依然使用选择多张照片的 action
    
  • 选择图片图标右上角有个徽记，显示已选图片的数量

图片上传时的截取规则

Android
帖子列表页和详情页中，图片截取规则如下图:

• 如果传的图片是正方形，则对图片进行等比缩放，直至宽和高等于显示尺寸
• 如果传的图片不是正方形，则先对图片进行等比缩放，直至宽或者高中的任意一项与显示尺寸相同，然后居中截取。

iPhone
取图片中心点，然后以该点为中心取 640 × 640 尺寸。
@黄健: “由于未适配大屏，目前能取到的最大尺寸就是这个。”以后会有所调整。

选择链接

查看原图

“未识别链接” → “外部链接”
点击选择链接图标后，跳转到选择商品来源界面

选择商品来源页面（最多3条），有三个 Tab

• 已购买列表：送货车和运单中所有商品的列表（剔除无效和问题商品）
• 购物车列表：购物车中所有商品的列表
• 已关注列表：已关注商品的列表
• 选择完毕后，返回发布页面，显示已选该商品的图片，右上角显示删除图标 X，可点击取消选择

社交网络图标按钮

• 图标点亮即表示发布帖子时会将帖子同步到该社交网络
• 未安装微信时点击微信图标，则弹出警告框
  标题: 无
  内容: 未安装微信
  操作按钮: 好的
• 发布部分见下面“右上角 发布”部分

• 左上角 取消
  向屏幕底部向下移出屏幕，以 300ms 先快后慢的动画
• 右上角 发布//此按钮如果与设计稿上不同，文字以这里为准
  

  • 
    查看原图
    
  • 发布帖子与同步到社交网络部分全部完成后，在发帖界面提示“发布成功”(没句号更没感叹号，就四个汉字)，等待 1000ms 后向屏幕底部向下移出屏幕，以 300ms 先快后慢的动画
    
  • Facebook 权限
    
    获取绑定 Facebook 后的“发帖”权限，使得用户只需要授权一次，以后分享不需要再授权。
    
  • Facebook 同步接口说明
    
    帖子的链接 = Link URL
帖子内容 = message
    
  • 微信
    只分享到朋友圈

  
  

发布成功后

触发敏感词 - 禁言

如果用户发帖、评论或者回复评论中触发了总计4次敏感词时，则进入禁言状态: 

• 该用户24小时内不能发帖，不能评论其他用户帖子，不能回复其他用户的评论，不能点赞，不能将帖子分享到社交网络，并且自动屏蔽其所有发过的帖子(不包含解禁以后的帖子)
• 从第一次被禁言之后，每触发4次依然会被禁言24小时

登录状态下点击发帖按钮、点击评论、点击回复评论按钮、后，弹出警告框

• 标题: Panli 提醒
• 内容: 由于您最近在社区发布的帖子内包含不恰当内容，作为处罚，禁言一天。
• 操作按钮: 我知道了

被屏蔽的帖子，无法被其他用户看到，包括管理员

个人主页

查看原图

导航栏

• 左侧带返回按钮的导航栏，导航栏标题为用户 ID，超过10个字符时，末尾用“...”来表示
• 点击返回按钮，将界面从屏幕左边移出，300ms 先快后慢

用户头像

• 点击更换头像，和“MyPanli”一致并且头像是同步的(用户只有一个头像)
• 第一次上传头像时，同“MyPanli”中上传头像，也就是说会获得相应的番币

Tab 标签

• “帖子”、“消息”，点击时选中相应标签，并且选中时下方会有一条红粗线说明选中的标签
• 每次打开自己的个人主页时，如果没有新消息，则打开“帖子”标签
• 每次打开自己的个人主页时，如果有新消息，则打开“消息”标签
• 向上滑动时，隐藏用户头像及头像背后的封面图，Tab 标签所在栏会固定在导航栏下方

发帖记录

• 即 Tab 标题“帖子”
• 标题下方，按时间顺序依次显示用户发的帖子，最新的在最上面
• 帖子名字快撑满屏幕时，末尾用“...”来表示
• 此区域中点击相应的帖子，会从屏幕右侧移入帖子详情页
• 包含敏感词的话题，比如 #123****abc# 无法点击
• 个人主页中的“用户头像/用户名/发帖时间”区域不能点击，点击之后不会有界面跳转

消息记录

• 打开自己的个人主页独有
• 即 Tab 标题“消息”
• 标题下方，按时间顺序依次显示消息，最新的在最上面
• 点击列表中的某一条消息时，会从屏幕右侧移入相应帖子的详情页，不设置锚点，便于用户先看一眼是什么帖子
• 每条消息都有来源用户的头像、互动时间(参考帖子发布部分的表格)、评论内容(如果有的话)
• 评论内容如果超过10个字，则末尾用“...”来表示
• 互动消息没有清空消息功能
• 消息记录中只有社区相关的用户互动消息，总共有以下类型:

• 某用户赞了你，与设计稿不同的是，大拇指右边还有 “赞了你的帖子: 帖子内容...”
• 某用户评论了你的帖子
• 某用户回复了你的评论

话题页

查看原图

• 话题功能的作用就是现在社交网络上的 hashtag 标签，以缩略图形式展现所有该话题下的带图帖子，忽略纯文字帖
• 点击缩略图即可打开该帖子
• 话题页属于原生界面，也不能分享

热门帖子

• 当话题下帖子数小于20(含20)时，不显示热门帖子
• 当话题下(带图)帖子数在20到50之间(含50)时，在话题界面顶部显示“热门帖子”，并且在热门帖子区显示3个最热帖子(带图)
  

  如果管理员有在后台设置，则设置的帖子始终显示在话题置顶前面，剩余位置如果为空，则根据帖子浏览量自动填充位置直至补全这3个位置

• 当话题下(带图)帖子数大于50时，在话题界面顶部显示“热门帖子”，并且在热门帖子区显示9个最热帖子(带图)
  如果管理员有在后台设置，则设置的帖子始终显示在话题置顶前面，剩余位置如果为空，则根据帖子浏览量自动填充位置直至补全这9个位置

普通帖子

• 当没有热门帖子时

  • 导航栏下方显示说明文字“最新帖子”，右边显示该话题下所有(带图)帖子数
  • 说明文字下方开始，以一行3个缩略图的形式展示(带图)帖子第一张图的缩略图(图片大小压缩50%左右)
  • 直接加载全部帖子缩略图，不分页

• 当有热门帖子时

  • 热门帖子下方显示说明文字“最新帖子”，右边显示该话题下所有(带图)帖子数
  • 说明文字下方开始，以一行3个缩略图的形式展示(带图)帖子第一张图的缩略图
  • 刚打开此界面时，加载6行/18个(带图)帖子缩略图，向上滑动来加载更多功能每次可以加载新一批(带图)帖子，一批的数量也是6行/18个，可以一直加载到话题最后的帖子

帖子详情页

查看原图

为了能够分享到社交网络，帖子详情页是 HTML5 页面形式，1期详情页没有原生界面。
页面 title = 帖子正文
页面 icon = App 圆角矩形图标

• 需要实现

  • 滑动切换图片
  • 点赞 、取消点赞
  • 匿名评论帖子
  • 匿名回复其他用户评论
  • 点击链接后从新页面打开该链接
  • (有权限用户)删除评论和回复

• 不需要实现

  • 点击帖子发布者头像的跳转
  • 点击评论/回复用户头像的跳转
  • 点击点赞用户头像的跳转
  • 点击话题的跳转

App 导航栏

• 在 App 中

  • 左上角返回按钮
  • 标题为“帖子详情”
  • 分享 / ··· 按钮同首页

• 在第三方社交平台中

  • 返回按钮为平台的框架范畴，无法定制
  • 标题为“帖子正文文字”(话题标签视为正文)
  • 分享按钮为平台的框架范畴，无法控制

App 下载栏

位于导航栏下方，让用户可以直接下载 App 的部分。

• App icon 右边第一行:

  Panli，伴你在异乡

• App icon 右边第二行:

  汇聚300万海外华人的生活趣味

• 下载按钮链接:

  http://sj.qq.com/myapp/detail.htm?apkName=com.panli.android

用户头像/昵称

• App 中

  点击头像前往该用户个人主页

• 第三方社交平台中

  点击无效

时间 = 发布时间(按北京时间) - 现在时间(按北京时间)

帖子图片

• 如果一个帖子发布时没有选图片，就不显示该区域
• 最多显示9张，但打开社区时每个帖子只加载第一张和第二张图片
• 可左右滑动查看，每次滑动仅会切换至上/下一张(视滑动方向)，不会出现一滑直接滑到第二张以后的情况
• 滑动切换到下一张的时候，开始预加载再下一张
• 滑动切换到上一张的时候，已加载的图片不会从本地删除，切换回去之后也不会再一次加载 ———— 每张图片在打开社区之后，只会加载一次
• 传给服务器的是原图。

图片显示

• 图片左/右如果没其他图片，则距离屏幕空开 60px
• 图片左/右如果有其他图片，则那张图片显示的宽度 = 30px，中间再空开 30px
• 图片以正方形显示，边长 = 屏幕宽度 - 2 × 60px

图片点击

• App 中点击图片时，直接打开原图

• 第三方社交平台中图片始终显示全尺寸原图，没有点击效果

因为每个帖子最多只能关联一个链接，帖子和链接是一一对应关系，如果能实现的话，可以在不影响社区使用的情况下为代购导流。

帖子正文

由于字数已经做了严格限制(140个字符以内)，帖子总是显示全文，界面上不做限制。

敏感词相关

• 发帖者在 App 中可以正常看到带敏感字的全文(也就是说该权限无视敏感词屏蔽)
• 管理员在 App 中可以正常看到带敏感字的全文(也就是说该权限无视敏感词屏蔽)
• 普通用户(非发帖者、非管理员)，在 App 中看到的敏感词部分以“****”形式显示
• 不论是否登录、是否是发帖者、是否是管理员，分享出去的 HTML5 页面中，敏感词全部以“****”形式显示

话题

• App 中

  • 字符数再长也不隐藏文字
  • 以#话题#的形式嵌在帖子内部，从属于帖子内容
  • 可以在帖子最前面，也可以在中间，也可以在最后
  • 点击#话题#前往该话题详情页
  • 包含敏感词的话题，比如 #123****abc# 无法点击

• 第三方社交平台中

  • 无法点击

相关链接显示

• 非商品链接

  显示网页 icon + 网页 title
  显示样式以设计稿为准

• 商品连接

  显示商品第一张图的缩略图 + 网页 title + 商品价格

相关链接点击

• App 中(都是从屏幕右边移入，300ms 先快后慢)

  • 无论创建帖子的时候，链接是复制来的还是从商品库选择的，商品链接在前端界面显示一样
  • 如果帖子设置的链接是淘宝天猫的商品链接，则从 App 原生商品详情页打开该商品；//此功能最好做成配置文件，以便随时针对淘宝天猫网址的改动来调整
  • 如果帖子设置的链接不是淘宝天猫的商品链接，则以网页形式打开该链接

• 第三方社交平台中

  以符合该社交平台规范的网页形式打开

赞及被赞次数

从左到右依次显示:

• 赞图标，点击时被点赞数+1，并且用户头像会显示在点赞用户头像的最左边，表示 ta 赞了这个帖子
• 被点赞数

• 点赞用户的头像(不论 App 中还是第三方社交平台中都不能点)，头像大小尺寸是固定的，不会随着屏幕改变而改变，具体显示数量请跟 @杨雪 确认

• 分享到第三方社交平台时，未登录用户的点赞数正常计入，但点赞者头像为默认的匿名用户的熊猫头像

• 由于不调用社交账号头像，因此不牵涉到授权登录的流程问题(因此不牵涉到授权登录的流程问题)

评论区

• 排序

  根据发布时间倒序排列，最新发布显示在最上

• 数据加载(数量可能会随着开发结果调整)

  默认显示20个评论(20包括了回复)，每次刷新加载20个评论(20包括了回复)

• (小标题)全部评论，评论数包括回复评论，但不包括被点赞数

• 评论

  • 头像、用户名、评论内容。右边会有一个点击可回复评论的图标
  • (有权限的用户:发帖者、管理员、评论者自己)相左滑动显示删除按钮，点击直接删除该条评论
  • 用户评论不显示时间
  • 评论发布后，刷新当前页面。

• 回复

  • 头像、用户名、回复给谁、回复内容。右边会有一个点击可回复评论的图标
  • (有权限的用户:发帖者、管理员、回复者自己)相左滑动显示删除按钮，点击直接删除该条评论
  • 用户回复不显示时间
  • 回复时，文本框内默认文字“回复 某用户 的评论: ”，用户在空格后面输入的内容，作为回复该“某用户”的评论，如果将前面部分删掉，则作为帖子评论发布
  • 回复发布后，刷新当前页面
  • 微信里，匿名用户能回复普通用户，匿名用户不能相互回复
  • App里，普通用户不能回复匿名用户，普通用户之间也能相互回复

  分享到第三方社交平台时，未登录用户的评论也会显示在帖子详情中，他们的信息:

  • 头像: 见视觉稿匿名用户的熊猫头像
  • 用户名: 匿名用户

• 带敏感词评论/回复
  依然可以评论和回复，但看到的敏感词部分是“****”。

输入框

1期只有用来评论回复的输入框，评论和回复功能在 App 中和第三方社交平台中都可用。

• 点击时获取文本框焦点，隐藏赞图标，弹出软键盘并且整个互动区一直保持在键盘上方
• 系统默认键盘右下角按钮为发送的白底色键盘，保证第三方输入法能正常提交评论回复

分享到第三方社交平台

页面属性

页面 title = 帖子正文
页面 icon = 手机 App 圆角矩形图标
页面 link = m.panli.com/post=

分享来源

来源为 App 名: Panli代购

Facebook 中:

朋友圈中:

敏感词相关

不论是否登录、是否是发帖者、是否是管理员，分享出去的 HTML5 页面中，敏感词全部以“****”形式显示，包括话题部分。

URL 下单相关

原来复制了链接的情况下，打开 App 会弹出警告框:

警告框标题:

检测到链接

警告框内容:

按原来规则显示链接//“您想打开此网址的宝贝吗？”删除

操作按钮调整至3个，显示方式为垂直方向，自上而下依次为:

• 浏览商品 - 点击后效果同原来的 URL 下单
• 发布到社区 - 点击后打开社区“发帖”界面(先跳转到社区这个 Tab)，并且不强制把链接放到帖子关联链接里
• 关闭 - 点击后效果同原来的 URL 下单

复制链接时的界面跳转:

• 用户在发帖界面，返回桌面，复制了链接再打开 App 的时候，界面不跳转到“逛街”，仍然在发帖界面，并且不强制把链接设置为帖子的关联链接
• 用户在非发帖界面，返回桌面，复制了链接再打开 App 的时候，弹出警告框

后台部分

后台部分的文档请点击下面链接

https://www.zybuluo.com/jean/note/136083