| | 1 | === 项目目的 === |
| | 2 | 跟随汽车网客户端的改版,除论坛版块的论坛列表页结构以及产品库页面不做调整外,其余和汽车网一致。具体包括:[[BR]] |
| | 3 | 1、客户端的样式以及风格改版[[BR]] |
| | 4 | 2、添加个人信息中心部分的功能[[BR]] |
| | 5 | 3、资讯版块、图集版块、文章终端页、帖子终端页、图集终端页等页面也跟随汽车网的需求,同步调整[[BR]] |
| | 6 | **4、从3.6.0版本开始,资讯客户端不再兼容4.3.x的版本,安装的系统版本要求需为IOS5.0以上的系统版本**[[BR]] |
| | 7 | |
| | 8 | 原型地址:[[http://192.168.20.140/APP3.6.0V1.2/start.html|原型浏览]][[BR]] |
| | 9 | |
| | 10 | === 云同步详细逻辑 === |
| | 11 | [[http://trac.pc.com.cn/iphone/wiki/pcauto_pconline_4.0.0/yuntongbu|云同步详细逻辑]][[BR]] |
| | 12 | |
| | 13 | === 项目接口 === |
| | 14 | [[http://trac.pc.com.cn/iphone/wiki/pcauto_pconline_4.0.0/intf | 接口]] |
| | 15 | |
| | 16 | |
| | 17 | == 设置页面调整[[BR]] |
| | 18 | 1、入口说明[[BR]] |
| | 19 | 1.1、点击客户端首页左上角的设置按钮,滑出快速设置层[[BR]] |
| | 20 | 1.2、滑出的设置层,最顶部为用户登录通行证的入口,中上部分为“个人收藏”、“文章搜索”、“栏目定制”、“离线阅读”的功能或者入口按钮[[BR]] |
| | 21 | 1.3、滑出层的中下部为详细设置的入口、用户意见反馈入口、用户体验计划入口、推荐APP下载入口[[BR]] |
| | 22 | 1.4、【针对IOS客户端】实现客户端内的推荐APP,可以直接通过点击下载,而无需到app store,需添加“SKStoreProductViewController”特性[[http://www.leiphone.com/apple-app- |
| | 23 | |
| | 24 | store.html|参考资料]][[BR]] |
| | 25 | 2、用户登录通行证说明[[BR]] |
| | 26 | 2.1、点击页面中上部的登陆按钮,页面向左滑动,进入登录专用页(和3.5.0登录通行证页面一致)[[BR]] |
| | 27 | 2.2、登陆后,客户端获取相应账号的头像,显示在客户端上[[BR]] |
| | 28 | 2.3、用户登录太平洋通行证之后,个人收藏自动进行云同步功能,[[http://trac.pc.com.cn/iphone/wiki/pcauto_pconline_4.0.0/yuntongbu|查看云同步详细逻辑]][[BR]] |
| | 29 | 3、个人收藏 [[BR]] |
| | 30 | 3.1、个人收藏的内容为:**文章、论坛、帖子**3个收藏栏目,默认进入**论坛**栏目[[BR]] |
| | 31 | 3.2、用户左右滑动可以切换不同的收藏栏目项[[BR]] |
| | 32 | 3.3、点击页面右上角的编辑按钮,进入对收藏内容的编辑状态,用户可以勾选多项,进行批量删除[[BR]] |
| | 33 | |
| | 34 | |
| | 35 | == 资讯版块[[BR]] |
| | 36 | 1、文章列表[[BR]] |
| | 37 | 1.1、2G/3G网络下,用户选择“无图模式”,连导航图/焦点图都不显示[[BR]] |
| | 38 | 1.2、文章列表的右下方,要放出相应的内容信息,文章要显示评论条数,图集要显示图集张数,论坛要显示盖楼的楼层数[[BR]] |
| | 39 | 1.3、点击文章区域,该区域要有点击触发效果[[BR]] |
| | 40 | 1.4、文章导读图,用尺寸200*150来等比缩放贴合到客户端导读图中[[BR]] |
| | 41 | **1.4、IOS和android客户端都可在线调整栏目顺序功能,对于未调整过栏目顺序的用户,我们可以在线调整栏目顺序。但当用户有自定义过栏目顺序的时候,在线调整功能对其无效**[[BR]] |
| | 42 | |
| | 43 | 2、文章内容页[[BR]] |
| | 44 | 2.1、文章页的样式以及过滤规则,要和汽车网一致[[BR]] |
| | 45 | 2.2、当用户双击文章页时,渐现收缩出现文章的快速设定层,点击设定层以外的区域,将设定层关闭[[BR]] |
| | 46 | 2.3、设定层提供“字号切换”和“夜间模式”两项功能[[BR]] |
| | 47 | 2.4、点击大图,页面变黑并且图片展开,进入读图模式,再点击图片则退出读图模式,读图模式可横屏[[BR]] |
| | 48 | 2.5、点击收藏的星星按钮,进行添加收藏时,要有个闪烁的动态效果,可参考汽车网客户端[[BR]] |
| | 49 | |
| | 50 | 3、评论列表页[[BR]] |
| | 51 | 3.1、原有表情套,改为文字表情套[[BR]] |
| | 52 | 3.2、相应文字表情在PC端上是表情,在客户端上是文字[[BR]] |
| | 53 | 3.3、(for ios)发送评论,在顶部栏会有相应的发送信息提示:“正在发送评论...”;发送成功,显示:“评论发送成功”[[BR]] |
| | 54 | 3.4、(for ios)若发送失败,顶部提示“评论发送失败,点击顶部栏再次发送”[[BR]] |
| | 55 | 3.5、(for android),发送成功和失败,都用通用的提示即可[[BR]] |
| | 56 | |
| | 57 | 4、分享细化[[BR]] |
| | 58 | 4.1、分享到QQ空间,保留现有的分享文章链接[[BR]] |
| | 59 | 4.2、分享到新浪微博和腾讯微博的内容,若是用手机客户端打开分享连接,则跳转至客户端打开文章链接;若是用PC端浏览器打开分享连接,则直接打开PC端网页,和现有分享到腾讯微博的操作一 |
| | 60 | |
| | 61 | 致[[BR]] |
| | 62 | 4.3、分享到微信、微信朋友圈、手机QQ,分享的内容为相关页面的wap版地址,和现有的android版分享到微信的功能一致[[BR]] |
| | 63 | **分享需求统一说明** [[BR]] |
| | 64 | **4.4、新浪微博采用SSO登录;腾讯微博和QQ空间,IOS用SSO登录,android采用原有方式登录**[[BR]] |
| | 65 | **4.5、分享的范围为:分享到:新浪微博、腾讯微博、QQ空间;分享给:微信好友、微信朋友圈、QQ好友**[[BR]] |
| | 66 | 4.6、分享页面是从上往下滑动进入;点击分享按钮、返回按钮或者黑色蒙层,分享页面收回[[BR]] |
| | 67 | |
| | 68 | == 论坛[[BR]] |
| | 69 | 5、帖子内容页[[BR]] |
| | 70 | 5.1、顶部功能栏,有切换“看全贴/只看楼主”的功能,切换时,要有提示[[BR]] |
| | 71 | 5.2、提供该帖子所在的论坛的快速入口,点击入口进入论坛[[BR]] |
| | 72 | 5.3、点击楼层的“回复”或者下方的“回帖”,进入回帖页面,点击楼层的“回复”按钮,进入的回帖页面会显示“回复xx楼”;点击下方的“回帖”按钮,回帖页面显示“回复楼主”[[BR]] |
| | 73 | |
| | 74 | 5.12、点击大图,页面变黑并且图片展开,进入读图模式,再点击图片则退出读图模式 |
| | 75 | 6、发帖页说明[[BR]] |
| | 76 | 6.1、(for ios)发帖/回帖页面点击发送后,直接返回帖子内容页,同时在顶部栏会有相应的发送信息提示:“回帖/发帖发送中…”;发送成功,显示:“回帖/发帖成功”[[BR]]** |
| | 77 | 6.2、(for ios)若发送失败,顶部提示“回帖/发帖失败,点击顶部栏再次发送”[[BR]]** |
| | 78 | 6.3、(for android),帖子发送过程中,会有发帖的进度条提示[[BR]] |
| | 79 | 6.4、在发帖页点击返回的时候,当系统发现帖子已有内容的时候(有标题/有帖子内容/有图片),提醒用户是否要退出[[BR]] |
| | 80 | 6.5、点击添加图片按钮,滑出添加图片的功能层,点击相应的功能添加图片[[BR]] |
| | 81 | 6.6、点击已添加的图片,滑出删除图片的功能层,点击相应功能进行操作[[BR]] |
| | 82 | 6.7、最多只能添加8张图片,到达八张后,再添加图片提示无法添加;图片上传机制,和汽车网保持一致[[BR]] |
| | 83 | 6.8、(for ios)取消草稿箱,系统只保存上次未发布的帖子,具体流程如下:[[BR]] |
| | 84 | 6.8.1、用户进入发帖页面,系统提示上次有未发布的帖子,是否继续编辑;[[BR]] |
| | 85 | 6.8.2、若用户选择确定,进入上次的草稿,继续发帖,发帖后草稿箱清空;[[BR]] |
| | 86 | 6.8.3、用户选择取消,则开新的帖子,同时上次存的草稿也被删除;[[BR]] |
| | 87 | 6.8.4、用户的新帖子,若是点击发布,则正常发布,下次用户再点击发帖,还是会提醒用户上次有未发布的帖子;[[BR]] |
| | 88 | 6.8.5、用户的新帖子若未发布,则新帖子存入草稿箱,取代上次的稿件[[BR]] |
| | 89 | |
| | 90 | |
| | 91 | == 图赏[[BR]] |
| | 92 | 1、图集的图片放大,同时放出图集的标题以及张数信息[[BR]] |
| | 93 | 2、点击图片后,系统渐隐切换进入图片终端页[[BR]] |
| | 94 | 3、图片终端页的底部默认显示功能按钮(分享/下载/图集列表)[[BR]] |
| | 95 | 4、当手指在图片上向上滑动时,功能按钮渐隐消失[[BR]] |
| | 96 | 5、当手指在图片上向下滑动时,功能按钮渐隐出现[[BR]] |
| | 97 | 6、点击图集列表按钮后:[[BR]] |
| | 98 | 6.1、右侧滑出图集的列表层[[BR]] |
| | 99 | 6.2、按钮变为X[[BR]] |
| | 100 | 6.3、选择相应的图片后,读取过程中右侧图片列表层向右滑动隐藏,按钮也重新变回图片列表按钮[[BR]] |
| | 101 | 7、首页推荐的图集,在第一张图或者最后一张图左右滑动时的提示要修改或者取消提示[[BR]] |
| | 102 | 8、在图赏栏目的图集,在浏览到图集的第一张或最后一张时,再滑动可以进入上一个或下一个图集[[BR]] |
| | 103 | |
| | 104 | == 专栏[[BR]] |
| | 105 | 1、专栏整个页面都是HTML,由编辑手动控制[[BR]] |