Changes between Version 7 and Version 8 of Ticket #361


Ignore:
Timestamp:
03/31/2015 03:30:21 PM (11 years ago)
Author:
jinzhentao
Comment:

Legend:

Unmodified
Added
Removed
Modified
  • Ticket #361 – Description

    v7 v8  
    1 '''说明:QA环节,样式以设计稿为准,需求届时会与QA系统过一遍,以下与设计稿稍有出入,仅供参考;''' 
     1'''说明:QA环节,样式以设计稿为准,需求届时会与QA系统过一遍;''' 
    22设计稿地址:http://192.168.50.179/2015-03/PConline-wap-luntan/index.html 
     3制作排期:http://zzb.pcauto.com.cn/tools/gongdan/plan.php?id=23 
    34 
    45'''页面:''' 
     
    10112.调整:推荐板块和最近浏览UI调整,具体见框架及设计稿; 
    1112备注: 
    12 --推荐板块共6个位置,5个推荐论坛或版块,1个全部论坛跳转按钮,具体推荐版块由编辑给定; 
     13--推荐板块共8个位置,7个推荐论坛或版块,1个全部论坛跳转按钮,具体推荐版块由编辑给定; 
    1314--最近浏览:登录用户最近浏览的版块(非登录用户不产生浏览数据,则不显示),露出数量:>=6个版块; 
     15--最近浏览:用户可点击“删除”按钮,删除最近浏览记录,功能交互与线上保持一致; 
    1416 
    15173.新增:我的随手拍,放置最新的3张作品图,点击进入作品终端页,点击更多去到随手拍列表页,具体样式见框架及设计稿; 
     
    19215.调整:论坛精华,页面样式重新调整,具体见框架及设计稿; 
    2022备注: 
    21 --露出元素:标题(最大值2行,由前端控制截取,超出部分显示“...”)、用户名、发帖时间、浏览数 
    22 --默认读取全站的前20个精华,用户浏览至底部,则可手动加载,每次加载20条,最大加载100条; 
     23--露出元素:标题(最大值2行,由前端控制截取,超出部分显示“...”)、用户名、发帖时间、浏览数/回复数 
     24--默认读取全站的前20个精华,用户浏览至底部,则动加载,每次加载20条,最大加载100条; 
    2325--若帖子内无图,则仅露出标题;若有图(表情除外),则出图文标题,图片数<=3; 
    2426 
    2527'''二.列表页(页面调整,具体见框架及设计稿)''' 
    26 1.面包屑去掉“主页”图标按钮,浏览层级改成“返回<XXX版块”两级; 
     281.面包屑浏览层级改成“主页--XXX版块”两级; 
    2729 
    28 2.列表页操作图标按钮集中置于面包屑右上角,包括“发帖、收藏、列表排序”按钮,图标设计见设计稿; 
     302.列表页操作图标按钮集中置于面包屑右上角,包括“发帖、收藏”按钮,图标设计见设计稿; 
    2931 
    30 --点击“发帖”进入发帖页,发帖页样式见后文; 
    31 --点击“收藏”则成功收藏版块; 
    32 --点击“列表页排序”弹窗显示三个筛选项(最新发表、最新回复、精华),点击其一列表页则按照相应规则排序; 
     32--点击“发帖”进入发帖页,发帖页样式见后文,该版块是否能发帖由后台规则判断; 
     33--点击“收藏”则成功收藏版块,再次点击也可以取消收藏; 
     34--列表页排序:大区版和子版块排序不同,,点击相应排序规则,列表页则按照相应规则排序,和线上保持一致即可; 
     35大区版:热门、最新发表、精华 
     36子版块:最新发表、最新回复、精华; 
     37备注: 
     38未登录用户,点击“收藏和发帖”,则弹窗提示登录,与线上保持一致; 
    3339 
    34403.子版块列表置于面包屑下方,每行显示3个子版块,超出则另起一行,按钮长度大小相同,版块名称若超出范围则显示“XXX...”,点击某子版块按钮则进入该子版块列表页; 
     
    4551 
    4652'''三.帖子页''' 
    47 1.面包屑去掉“主页”图标按钮,浏览层级改成“返回<XXX帖子”两级; 
     531.面包屑浏览层级改成“主页--XXX版块”两级; 
    4854 
    49 2.帖子页操作图标按钮集中置于面包屑右上角,包括“分享、收藏、只看楼主/看全部”按钮,图标设计见设计稿; 
    50 --点击“分享”弹窗显示5个分享途径:新浪微博、腾讯微博、QQ空间、微信朋友圈、微信好友,点击其一则去到分享页 
    51 --点击“收藏”则成功收藏帖子 
    52 --点击“只看楼主/看全部”弹窗显示2个筛选项(只看楼主、看全部),点击其一帖子页则按照相应规则展示; 
     552.帖子页操作图标按钮集中置于面包屑右上角,包括“分享、收藏”按钮,图标设计见设计稿; 
     56--点击“分享”弹窗显示5个分享途径:新浪微博、腾讯微博、QQ空间、微信朋友圈、微信好友,点击其一则去到分享页,分享情况因浏览器不同,露出的途径也会有所不同,具体前端会根据浏览器设置属性自行调整 
     57--点击“收藏”则成功收藏帖子,再次点击可取消收藏 
     58--点击“只看楼主/看全部”,则按钮变成“看全部”,反之亦然,点击其一帖子页则按照相应规则展示; 
    5359 
    54603.帖子的用户信息区域进行分离,具体样式见框架及设计稿,露出元素:用户头像、用户名、楼主图标、发帖时间、浏览数/回复数; 
     
    6773 
    6874'''四.发帖页''' 
    69 1.面包屑:返回按钮>发帖,右上角新增“发表”按钮; 
     751.面包屑:主页--发表主题,右上角新增“发表”按钮; 
    7076 
    71 2.露出元素:选择主题分类、标题(30字以内)、内容、表情按钮、添加图片按钮以及“发表”按钮,具体样式见框架及设计稿; 
     772.露出元素:选择主题分类、标题(30字以内)、添加正文、表情按钮、添加图片按钮,具体样式见框架及设计稿; 
    7278--点击“主题分类”,则下拉展开主题选项,选项与PC端发帖保持一致; 
    7379--点击“添加图片”,则弹框显示添加照片方式“手机相册、相机拍照”; 
     
    7783 
    7884备注: 
    79 1.图片上传成功后,点击图片可进行图片预览,预览时也可进行删除图片操作,删除按钮置于预览页面右上角位置 
    80 2.也可在发帖页进行图片删除,点击图片右上角删除图标即可 
     851.当上传成功第一张图片后,图片右边出现“+”上传图片按钮,上方的添加图片按钮则变成切换键,点击表情切换至表情,点击“添加图片”则切换至图片上传 
     862.图片上传成功后,点击图片可进行图片预览,预览时也可进行删除图片操作,删除按钮置于预览页面右上角位置 
    81873.图片上传仅支持单图上传; 
    8288 
    8389--点击“发表”则发表帖子; 
    8490备注: 
    85 1.主题分类、标题、内容三项需同时完成才可发表成功,若一项未填选,则给予提醒:标题不能为空,弹窗效果保持与线上一致即可; 
     911.主题分类、标题、内容三项需同时完成才可发表成功,若一项未填选,则给予提醒:标题不能为空,提示效果保持与线上一致即可; 
    8692 
    8793'''五.随手拍(样式见框架及设计稿)''' 
    88 1.面包屑:返回按钮>随手拍,右上角新增“拍照、主题分类”图标按钮; 
     941.面包屑:主页--随手拍,右上角新增“拍照、主题分类”图标按钮; 
    8995--点击“主题分类”,弹窗显示筛选项“人像、美食、风光与人文、动植物、静物、纪实、微距、公告”,与PC端“手机随拍分享”版块保持一致; 
    9096附:手机随拍分享区--http://itbbs.pconline.com.cn/mobile/f675902.html?noPictureMode=true 
    91 --点击“拍照”,弹窗显示拍照方式“拍照、从文件中选择”,点击拍照则即时拍照,点击文件中选择,则调取手机本地相册; 
    92 --照片选取完成,则进入随手拍发帖页,发帖页样式与一般发帖页一致; 
     97--点击“拍照”,先进入发帖页,同时弹窗显示拍照方式“拍照、从文件中选择”,点击拍照则即时拍照,点击文件中选择,则调取手机本地相册; 
     98--照片选取完成之后,其他都与普通发帖页保持一致; 
    9399 
    941002.随手拍列表露出元素:图片(选取帖子内第一张照片)、标题、作者、浏览数、回复数;