=== 项目目的 === 跟随汽车网客户端的改版,除论坛版块的论坛列表页结构以及产品库页面不做调整外,其余和汽车网一致。具体包括:[[BR]] 1、客户端的样式以及风格改版[[BR]] 2、添加个人信息中心部分的功能[[BR]] 3、资讯版块、图集版块、文章终端页、帖子终端页、图集终端页等页面也跟随汽车网的需求,同步调整[[BR]] **4、从3.6.0版本开始,资讯客户端不再兼容4.3.x的版本,安装的系统版本要求需为IOS5.0以上的系统版本**[[BR]] 原型地址:[[http://192.168.20.140/APP3.6.0V1.3/start.html|原型浏览]][[BR]] 接口地址:[[http://trac.pc.com.cn/iphone/wiki/pconline_3.6.0/intf|接口]][[BR]] 设计稿地址:[[http://192.168.50.213/2013.08/pconline_3.6.0/ios/index.html|设计稿]][[BR]] 除**产品库和论坛**外,其余地方的改动和汽车网客户端保持一致[[BR]] == 资讯版块栏目调整 [[BR]] 1、默认显示的栏目为:[[BR]] 1.1 iPhone版:头条、iPhone、新品、评测、手机[[BR]] 1.2 Android版:头条、新品、评测、手机、DIY[[BR]] 1.3 多余的栏目,隐藏在“栏目定制”的“更多栏目”中,默认不放出[[BR]] 2、离线下载的文案调整,修改文案为:正在下载今日头条(1/30)[[BR]] == 论坛部分调整需求[[BR]] 1、去掉论坛首页“论坛收藏”版块,在首页右上角加“搜索”。[[BR]] 2、论坛首页处于“论坛列表”时右上角显示“搜索按钮”,处于“最近浏览”时右上角显示“清空按钮”;[[BR]] 3、去掉版块列表页的搜索框,统一在右上角加“搜索”;[[BR]] 4、搜索功能可以搜索论坛版块以及论坛帖子[[BR]] == 产品库调整需求[[BR]] 1、电脑网客户端中的产品库中,大类内容调整,详见原型说明[[BR]] == 快速设置区域调整需求[[BR]] 1、在页面的最后,加入“推荐应用”的链接入口,点击后进入APP推广的HTML页面,地址由**钟志结**提供[[BR]] == iPhone版UED需完善部分[[BR]] ||位置||描述||评估意见|| ||资讯列表||下拉刷新的样式用iOS6系统默认的水滴拉伸效果的样式|||| ||文章终端||评论图标和数字之间距离太大,数字的字体太小、颜色太浅;可点击区域应该与左边图标合在一起|||| ||评论列表||字体大小调整的时候,评论列表页的字体也会和文章字体一样调整|||| ||评论列表||上拉加载评论的时候,要等页面停止移动0.5S后,再加载下面的评论,不要让列表变得闪动|||| ||图赏||图片终端页,从一个图集进入另外一个图集,切换效果很卡|||| ||图赏||在每个图集最后一张图片的终端页返回列表页时,效果有问题|||| ||图赏||图赏,点击每个图集封面进入图片终端时,建议使用文章看图的交互,图片从中间向四周展开显示;返回时,单击图片终端页,图片从四周向中间收回消失。|||| ||帖子终端||进入大图模式后,可以左右切换帖子页的图片|||| == 需求重复部分,可不用QA[[BR]] {{{ #!div style="font-size: 80%" {{{#!python === 云同步详细逻辑 === [[http://trac.pc.com.cn/iphone/wiki/pcauto_pconline_4.0.0/yuntongbu|云同步详细逻辑]][[BR]] === 项目接口 === [[http://trac.pc.com.cn/iphone/wiki/pcauto_pconline_4.0.0/intf | 接口]] == 设置页面调整[[BR]] 1、入口说明[[BR]] 1.1、点击客户端首页右上角的设置按钮,滑出快速设置层[[BR]] 1.2、滑出的设置层,最顶部为用户登录通行证的入口,中上部分为“个人收藏”、“文章搜索”、“栏目定制”、“离线阅读”的功能或者入口按钮[[BR]] 1.3、滑出层的中下部为详细设置的入口、用户意见反馈入口、用户体验计划入口、推荐APP下载入口[[BR]] 1.4、【针对IOS客户端】实现客户端内的推荐APP,可以直接通过点击下载,而无需到app store,需添加“SKStoreProductViewController”特性[[http://www.leiphone.com/apple-app- store.html|参考资料]][[BR]] 2、用户登录通行证说明[[BR]] 2.1、点击页面中上部的登陆按钮,页面向左滑动,进入登录专用页(和3.5.0登录通行证页面一致)[[BR]] 2.2、登陆后,客户端获取相应账号的头像,显示在客户端上[[BR]] 2.3、用户登录太平洋通行证之后,个人收藏自动进行云同步功能,[[http://trac.pc.com.cn/iphone/wiki/pcauto_pconline_4.0.0/yuntongbu|查看云同步详细逻辑]][[BR]] 3、个人收藏 [[BR]] 3.1、个人收藏的内容为:**文章、论坛、帖子**3个收藏栏目,默认进入**论坛**栏目[[BR]] 3.2、用户左右滑动可以切换不同的收藏栏目项[[BR]] 3.3、点击页面右上角的编辑按钮,进入对收藏内容的编辑状态,用户可以勾选多项,进行批量删除[[BR]] == 资讯版块[[BR]] 1、文章列表[[BR]] 1.1、2G/3G网络下,用户选择“无图模式”,连导航图/焦点图都不显示[[BR]] 1.2、文章列表的右下方,要放出相应的内容信息,文章要显示评论条数,图集要显示图集张数,论坛要显示盖楼的楼层数[[BR]] 1.3、点击文章区域,该区域要有点击触发效果[[BR]] 1.4、文章导读图,用尺寸200*150来等比缩放贴合到客户端导读图中[[BR]] **1.4、IOS和android客户端都可在线调整栏目顺序功能,对于未调整过栏目顺序的用户,我们可以在线调整栏目顺序。但当用户有自定义过栏目顺序的时候,在线调整功能对其无效**[[BR]] 2、文章内容页[[BR]] 2.1、文章页的样式以及过滤规则,要和汽车网一致[[BR]] 2.2、当用户双击文章页时,渐现收缩出现文章的快速设定层,点击设定层以外的区域,将设定层关闭[[BR]] 2.3、设定层提供“字号切换”和“夜间模式”两项功能[[BR]] 2.4、点击大图,页面变黑并且图片展开,进入读图模式,再点击图片则退出读图模式,读图模式可横屏[[BR]] 2.5、点击收藏的星星按钮,进行添加收藏时,要有个闪烁的动态效果,可参考汽车网客户端[[BR]] 3、评论列表页[[BR]] 3.1、原有表情套,改为文字表情套[[BR]] 3.2、相应文字表情在PC端上是表情,在客户端上是文字[[BR]] 3.3、(for ios)发送评论,在顶部栏会有相应的发送信息提示:“正在发送评论...”;发送成功,显示:“评论发送成功”[[BR]] 3.4、(for ios)若发送失败,顶部提示“评论发送失败,点击顶部栏再次发送”[[BR]] 3.5、(for android),发送成功和失败,都用通用的提示即可[[BR]] 4、分享细化[[BR]] 4.1、分享到QQ空间,保留现有的分享文章链接[[BR]] 4.2、分享到新浪微博和腾讯微博的内容,若是用手机客户端打开分享连接,则跳转至客户端打开文章链接;若是用PC端浏览器打开分享连接,则直接打开PC端网页,和现有分享到腾讯微博的操作一 致[[BR]] 4.3、分享到微信、微信朋友圈、手机QQ,分享的内容为相关页面的wap版地址,和现有的android版分享到微信的功能一致[[BR]] **分享需求统一说明** [[BR]] **4.4、新浪微博采用SSO登录;腾讯微博和QQ空间,IOS用SSO登录,android采用原有方式登录**[[BR]] **4.5、分享的范围为:分享到:新浪微博、腾讯微博、QQ空间;分享给:微信好友、微信朋友圈、QQ好友**[[BR]] 4.6、分享页面是从上往下滑动进入;点击分享按钮、返回按钮或者黑色蒙层,分享页面收回[[BR]] == 论坛[[BR]] 5、帖子内容页[[BR]] 5.1、顶部功能栏,有切换“看全贴/只看楼主”的功能,切换时,要有提示[[BR]] 5.2、提供该帖子所在的论坛的快速入口,点击入口进入论坛[[BR]] 5.3、点击楼层的“回复”或者下方的“回帖”,进入回帖页面,点击楼层的“回复”按钮,进入的回帖页面会显示“回复xx楼”;点击下方的“回帖”按钮,回帖页面显示“回复楼主”[[BR]] 5.12、点击大图,页面变黑并且图片展开,进入读图模式,再点击图片则退出读图模式 6、发帖页说明[[BR]] 6.1、(for ios)发帖/回帖页面点击发送后,直接返回帖子内容页,同时在顶部栏会有相应的发送信息提示:“回帖/发帖发送中…”;发送成功,显示:“回帖/发帖成功”[[BR]]** 6.2、(for ios)若发送失败,顶部提示“回帖/发帖失败,点击顶部栏再次发送”[[BR]]** 6.3、(for android),帖子发送过程中,会有发帖的进度条提示[[BR]] 6.4、在发帖页点击返回的时候,当系统发现帖子已有内容的时候(有标题/有帖子内容/有图片),提醒用户是否要退出[[BR]] 6.5、点击添加图片按钮,滑出添加图片的功能层,点击相应的功能添加图片[[BR]] 6.6、点击已添加的图片,滑出删除图片的功能层,点击相应功能进行操作[[BR]] 6.7、最多只能添加8张图片,到达八张后,再添加图片提示无法添加;图片上传机制,和汽车网保持一致[[BR]] 6.8、(for ios)取消草稿箱,系统只保存上次未发布的帖子,具体流程如下:[[BR]] 6.8.1、用户进入发帖页面,系统提示上次有未发布的帖子,是否继续编辑;[[BR]] 6.8.2、若用户选择确定,进入上次的草稿,继续发帖,发帖后草稿箱清空;[[BR]] 6.8.3、用户选择取消,则开新的帖子,同时上次存的草稿也被删除;[[BR]] 6.8.4、用户的新帖子,若是点击发布,则正常发布,下次用户再点击发帖,还是会提醒用户上次有未发布的帖子;[[BR]] 6.8.5、用户的新帖子若未发布,则新帖子存入草稿箱,取代上次的稿件[[BR]] == 图赏[[BR]] 1、图集的图片放大,同时放出图集的标题以及张数信息[[BR]] 2、点击图片后,系统渐隐切换进入图片终端页[[BR]] 3、图片终端页的底部默认显示功能按钮(分享/下载/图集列表)[[BR]] 4、当手指在图片上向上滑动时,功能按钮渐隐消失[[BR]] 5、当手指在图片上向下滑动时,功能按钮渐隐出现[[BR]] 6、点击图集列表按钮后:[[BR]] 6.1、右侧滑出图集的列表层[[BR]] 6.2、按钮变为X[[BR]] 6.3、选择相应的图片后,读取过程中右侧图片列表层向右滑动隐藏,按钮也重新变回图片列表按钮[[BR]] 7、首页推荐的图集,在第一张图或者最后一张图左右滑动时的提示要修改或者取消提示[[BR]] 8、在图赏栏目的图集,在浏览到图集的第一张或最后一张时,再滑动可以进入上一个或下一个图集[[BR]] == 专栏[[BR]] 1、专栏整个页面都是HTML,由编辑手动控制[[BR]] }}} }}}