Changes between Version 7 and Version 8 of Ticket #361
- Timestamp:
- 03/31/2015 03:30:21 PM (11 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
Ticket #361 – Description
v7 v8 1 '''说明:QA环节,样式以设计稿为准,需求届时会与QA系统过一遍 ,以下与设计稿稍有出入,仅供参考;'''1 '''说明:QA环节,样式以设计稿为准,需求届时会与QA系统过一遍;''' 2 2 设计稿地址:http://192.168.50.179/2015-03/PConline-wap-luntan/index.html 3 制作排期:http://zzb.pcauto.com.cn/tools/gongdan/plan.php?id=23 3 4 4 5 '''页面:''' … … 10 11 2.调整:推荐板块和最近浏览UI调整,具体见框架及设计稿; 11 12 备注: 12 --推荐板块共 6个位置,5个推荐论坛或版块,1个全部论坛跳转按钮,具体推荐版块由编辑给定;13 --推荐板块共8个位置,7个推荐论坛或版块,1个全部论坛跳转按钮,具体推荐版块由编辑给定; 13 14 --最近浏览:登录用户最近浏览的版块(非登录用户不产生浏览数据,则不显示),露出数量:>=6个版块; 15 --最近浏览:用户可点击“删除”按钮,删除最近浏览记录,功能交互与线上保持一致; 14 16 15 17 3.新增:我的随手拍,放置最新的3张作品图,点击进入作品终端页,点击更多去到随手拍列表页,具体样式见框架及设计稿; … … 19 21 5.调整:论坛精华,页面样式重新调整,具体见框架及设计稿; 20 22 备注: 21 --露出元素:标题(最大值2行,由前端控制截取,超出部分显示“...”)、用户名、发帖时间、浏览数 ;22 --默认读取全站的前20个精华,用户浏览至底部,则 可手动加载,每次加载20条,最大加载100条;23 --露出元素:标题(最大值2行,由前端控制截取,超出部分显示“...”)、用户名、发帖时间、浏览数/回复数; 24 --默认读取全站的前20个精华,用户浏览至底部,则自动加载,每次加载20条,最大加载100条; 23 25 --若帖子内无图,则仅露出标题;若有图(表情除外),则出图文标题,图片数<=3; 24 26 25 27 '''二.列表页(页面调整,具体见框架及设计稿)''' 26 1.面包屑 去掉“主页”图标按钮,浏览层级改成“返回<XXX版块”两级;28 1.面包屑浏览层级改成“主页--XXX版块”两级; 27 29 28 2.列表页操作图标按钮集中置于面包屑右上角,包括“发帖、收藏 、列表排序”按钮,图标设计见设计稿;30 2.列表页操作图标按钮集中置于面包屑右上角,包括“发帖、收藏”按钮,图标设计见设计稿; 29 31 30 --点击“发帖”进入发帖页,发帖页样式见后文; 31 --点击“收藏”则成功收藏版块; 32 --点击“列表页排序”弹窗显示三个筛选项(最新发表、最新回复、精华),点击其一列表页则按照相应规则排序; 32 --点击“发帖”进入发帖页,发帖页样式见后文,该版块是否能发帖由后台规则判断; 33 --点击“收藏”则成功收藏版块,再次点击也可以取消收藏; 34 --列表页排序:大区版和子版块排序不同,,点击相应排序规则,列表页则按照相应规则排序,和线上保持一致即可; 35 大区版:热门、最新发表、精华 36 子版块:最新发表、最新回复、精华; 37 备注: 38 未登录用户,点击“收藏和发帖”,则弹窗提示登录,与线上保持一致; 33 39 34 40 3.子版块列表置于面包屑下方,每行显示3个子版块,超出则另起一行,按钮长度大小相同,版块名称若超出范围则显示“XXX...”,点击某子版块按钮则进入该子版块列表页; … … 45 51 46 52 '''三.帖子页''' 47 1.面包屑 去掉“主页”图标按钮,浏览层级改成“返回<XXX帖子”两级;53 1.面包屑浏览层级改成“主页--XXX版块”两级; 48 54 49 2.帖子页操作图标按钮集中置于面包屑右上角,包括“分享、收藏 、只看楼主/看全部”按钮,图标设计见设计稿;50 --点击“分享”弹窗显示5个分享途径:新浪微博、腾讯微博、QQ空间、微信朋友圈、微信好友,点击其一则去到分享页 ;51 --点击“收藏”则成功收藏帖子 ;52 --点击“只看楼主/看全部” 弹窗显示2个筛选项(只看楼主、看全部),点击其一帖子页则按照相应规则展示;55 2.帖子页操作图标按钮集中置于面包屑右上角,包括“分享、收藏”按钮,图标设计见设计稿; 56 --点击“分享”弹窗显示5个分享途径:新浪微博、腾讯微博、QQ空间、微信朋友圈、微信好友,点击其一则去到分享页,分享情况因浏览器不同,露出的途径也会有所不同,具体前端会根据浏览器设置属性自行调整; 57 --点击“收藏”则成功收藏帖子,再次点击可取消收藏; 58 --点击“只看楼主/看全部”,则按钮变成“看全部”,反之亦然,点击其一帖子页则按照相应规则展示; 53 59 54 60 3.帖子的用户信息区域进行分离,具体样式见框架及设计稿,露出元素:用户头像、用户名、楼主图标、发帖时间、浏览数/回复数; … … 67 73 68 74 '''四.发帖页''' 69 1.面包屑: 返回按钮>发帖,右上角新增“发表”按钮;75 1.面包屑:主页--发表主题,右上角新增“发表”按钮; 70 76 71 2.露出元素:选择主题分类、标题(30字以内)、 内容、表情按钮、添加图片按钮以及“发表”按钮,具体样式见框架及设计稿;77 2.露出元素:选择主题分类、标题(30字以内)、添加正文、表情按钮、添加图片按钮,具体样式见框架及设计稿; 72 78 --点击“主题分类”,则下拉展开主题选项,选项与PC端发帖保持一致; 73 79 --点击“添加图片”,则弹框显示添加照片方式“手机相册、相机拍照”; … … 77 83 78 84 备注: 79 1. 图片上传成功后,点击图片可进行图片预览,预览时也可进行删除图片操作,删除按钮置于预览页面右上角位置;80 2. 也可在发帖页进行图片删除,点击图片右上角删除图标即可;85 1.当上传成功第一张图片后,图片右边出现“+”上传图片按钮,上方的添加图片按钮则变成切换键,点击表情切换至表情,点击“添加图片”则切换至图片上传; 86 2.图片上传成功后,点击图片可进行图片预览,预览时也可进行删除图片操作,删除按钮置于预览页面右上角位置; 81 87 3.图片上传仅支持单图上传; 82 88 83 89 --点击“发表”则发表帖子; 84 90 备注: 85 1.主题分类、标题、内容三项需同时完成才可发表成功,若一项未填选,则给予提醒:标题不能为空, 弹窗效果保持与线上一致即可;91 1.主题分类、标题、内容三项需同时完成才可发表成功,若一项未填选,则给予提醒:标题不能为空,提示效果保持与线上一致即可; 86 92 87 93 '''五.随手拍(样式见框架及设计稿)''' 88 1.面包屑: 返回按钮>随手拍,右上角新增“拍照、主题分类”图标按钮;94 1.面包屑:主页--随手拍,右上角新增“拍照、主题分类”图标按钮; 89 95 --点击“主题分类”,弹窗显示筛选项“人像、美食、风光与人文、动植物、静物、纪实、微距、公告”,与PC端“手机随拍分享”版块保持一致; 90 96 附:手机随拍分享区--http://itbbs.pconline.com.cn/mobile/f675902.html?noPictureMode=true 91 --点击“拍照”, 则弹窗显示拍照方式“拍照、从文件中选择”,点击拍照则即时拍照,点击文件中选择,则调取手机本地相册;92 --照片选取完成 ,则进入随手拍发帖页,发帖页样式与一般发帖页一致;97 --点击“拍照”,先进入发帖页,同时弹窗显示拍照方式“拍照、从文件中选择”,点击拍照则即时拍照,点击文件中选择,则调取手机本地相册; 98 --照片选取完成之后,其他都与普通发帖页保持一致; 93 99 94 100 2.随手拍列表露出元素:图片(选取帖子内第一张照片)、标题、作者、浏览数、回复数;
![(please configure the [header_logo] section in trac.ini)](http://www1.pconline.com.cn/hr/2009/global/images/logo.gif)