Changes between Initial Version and Version 1 of Ticket #361
- Timestamp:
- 03/18/2015 12:22:01 PM (11 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
Ticket #361 – Description
initial v1 4 4 1.新增:焦点图轮播(四张,左右循环轮播),内容由编辑CMS维护,用户点击可去到终端页,用户可进行左右滑动操作; 5 5 备注:图片规格按设计规范来定,前端进行控制,以下将不再说明; 6 6 7 2.调整:推荐板块和最近浏览UI调整,具体见框架及设计稿; 7 8 备注: … … 9 10 --最近浏览:登录用户最近浏览的版块(非登录用户不产生浏览数据,则不显示),露出数量:>=6个版块; 10 11 3.新增:我的随手拍,放置最新的3张作品图,点击进入作品终端页,点击更多去到随手拍列表页,具体样式见框架及设计稿; 12 11 13 4.删除:论坛精选,减少编辑运营成本; 14 12 15 5.调整:论坛精华,页面样式重新调整,具体见框架及设计稿; 13 16 备注: … … 18 21 '''二.列表页(页面调整,具体见框架及设计稿)''' 19 22 1.面包屑去掉“主页”图标按钮,浏览层级改成“返回<XXX版块”两级; 23 20 24 2.列表页操作图标按钮集中置于面包屑右上角,包括“发帖、收藏、列表排序”按钮,图标设计见设计稿; 25 21 26 --点击“发帖”进入发帖页,发帖页样式见后文; 22 27 --点击“收藏”则成功收藏版块; 23 28 --点击“列表页排序”弹窗显示三个筛选项(最新发表、最新回复、精华),点击其一列表页则按照相应规则排序; 29 24 30 3.子版块列表置于面包屑下方,每行显示3个子版块,超出则另起一行,按钮长度大小相同,版块名称若超出范围则显示“XXX...”,点击某子版块按钮则进入该子版块列表页; 31 25 32 4.新增:本版置顶帖,露出该版块本版置顶的前三个帖子,显示置顶图标; 33 26 34 5.列表页露出元素:用户头像(圆形样式)、用户名、标题(显示两行,超出则显示“...”)、发帖时间、浏览数/回复数; 27 35 备注: … … 33 41 '''三.帖子页''' 34 42 1.面包屑去掉“主页”图标按钮,浏览层级改成“返回<XXX帖子”两级; 43 35 44 2.帖子页操作图标按钮集中置于面包屑右上角,包括“分享、收藏、只看楼主/看全部”按钮,图标设计见设计稿; 36 45 --点击“分享”弹窗显示5个分享途径:新浪微博、腾讯微博、QQ空间、微信朋友圈、微信好友,点击其一则去到分享页; 37 46 --点击“收藏”则成功收藏帖子; 38 47 --点击“只看楼主/看全部”弹窗显示2个筛选项(只看楼主、看全部),点击其一帖子页则按照相应规则展示; 48 39 49 3.帖子的用户信息区域进行分离,具体样式见框架及设计稿,露出元素:用户头像、用户名、楼主图标、发帖时间、浏览数/回复数; 50 40 51 4.右侧悬浮按钮“回复、回到顶部”,当用户滑动帖子时,出现这两个按钮,停止交互时则隐藏两个图标按钮; 41 52 --点击“回到顶部”,则回到顶部; 42 53 --点击“回复”则定位至底部回帖框; 54 43 55 5.回帖楼层样式调整,具体见框架及设计稿。露出元素:用户头像、用户名、楼层数图标、回帖内容、回帖来源(来自PC端、来自anorind客户端、来自iphone客户端)、回复按钮; 44 56 --点击“用户头像/用户名”,去到用户个人中心,页面见框架及设计稿; 45 57 --点击“回复”则向下展开回帖框,点击回帖框“表情”图标,向下展开表情选择框,与回帖框位置相同,具体样式见框架及设计稿; 58 46 59 6.帖子页底部“页码条”调整为“上一页、跳转、下一页”,具体样式见框架及设计稿; 60 47 61 7.新增:热帖推荐,5条,文字标题样式(超出则显示"..."),展示所属版块下的最新的5个热帖; 48 62 49 63 '''四.发帖页''' 50 64 1.面包屑:返回按钮>发帖,右上角新增“发表”按钮; 65 51 66 2.露出元素:选择主题分类、标题(30字以内)、内容、表情按钮、添加图片按钮以及“发表”按钮,具体样式见框架及设计稿; 52 67 --点击“主题分类”,则下拉展开主题选项,选项与PC端发帖保持一致; 53 68 --点击“添加图片”,则弹框显示添加照片方式“手机相册、相机拍照”; 54 ----点击“手机相册”,则调取手机本地相册,进行照片选取; 55 ----点击“相机拍照”,则调取手机摄像头进行即时拍照; 56 ----点击“取消”,则收起弹框; 69 --点击“手机相册”,则调取手机本地相册,进行照片选取; 70 --点击“相机拍照”,则调取手机摄像头进行即时拍照; 71 --点击“取消”,则收起弹框; 72 57 73 备注: 58 74 1.图片上传成功后,点击图片可进行图片预览,预览时也可进行删除图片操作,删除按钮置于预览页面右上角位置; … … 70 86 --点击“拍照”,则弹窗显示拍照方式“拍照、从文件中选择”,点击拍照则即时拍照,点击文件中选择,则调取手机本地相册; 71 87 --照片选取完成,则进入随手拍发帖页,发帖页样式与一般发帖页一致; 88 72 89 2.随手拍列表露出元素:图片(选取帖子内第一张照片)、标题、作者、浏览数、回复数; 73 90 --点击帖子进入帖子终端页; 91 74 92 3.随手拍列表页展示方式:瀑布流,图片定宽,高度根据图片自适应调整; 93 75 94 4.列表页默认露出20条,下拉自动加载,每次加载20条; 76 95 77 96 '''六.更多版块(样式见框架及设计稿)''' 78 97 1.版块列表,每行显示3个版块,超过则另起一行; 98 79 99 2.版块名称最大显示5个中文字,超过则显示“...”; 80 100 … … 84 104 '''八.其他需求''' 85 105 1.帖子页正文结尾新增推广位,推广位设计稿见链接; 106 86 107 2.帖子页最底部新增悬浮推广位,设计稿见链接; 87 108 链接:http://192.168.51.190/2015/2015.3/3.16/image/Untitled-1.html
![(please configure the [header_logo] section in trac.ini)](http://www1.pconline.com.cn/hr/2009/global/images/logo.gif)