| 48 | | '''三、PK贴''' |
| 49 | | |
| 50 | | 1.新增帖子类型“PK贴”; |
| 51 | | 2.后台板块管理权限新增“发PK帖”权限; |
| 52 | | 3.PK贴发帖页字段:标题、分类、PK观点(红方观点、蓝方观点)、截止时间 |
| 53 | | 1)标题做长度限制,与投票贴一致; |
| 54 | | 4.帖子页主楼露出字段:标题、正文、PK观点、观点实时回复,具体样式见框架图; |
| 55 | | [[Image(http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c9/38114753_1409543368098_1024x1024.png)]] |
| 56 | | PS: |
| 57 | | 5.PK贴有两种观点,红方和蓝方观点,用户只能支持其一,一旦支持一个之后,另一个观点则不能支持。例如:用户点击“支持红方”按钮,则当前“支持红方”按钮变为“发表观点”,点击“发表观点”则向下展开回复框(二次点击则收起回复框),用户可选择发表观点,“支持蓝方”按钮则不能点击。 |
| 58 | | [[Image(http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c9/38114618_1409543132559_1024x1024.png)]] |
| 59 | | 6.用户支持某个观点后,则该观点数+1,与投票一致; |
| 60 | | 7.PK结果图按红蓝两方投票百分比显示,如下图所示; |
| 61 | | [[Image(http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38111890_1409540382844_1024x1024.png)]] |
| 62 | | 8.用户支持一方观点并发表观点后,发表的内容将即时呈现在相应“观点呈现区”,同时以“支持红方#XXXXXXXXXPK观点+自己观点”形式出现在回帖楼层,如下图所示; |
| 63 | | 观点呈现区: |
| 64 | | 1)最新回帖排在最前,点击“上一页”、“下一页”查看回帖,“上一页/下一页”以当前回帖数做限制; |
| 65 | | 2)点击“回复”跳转至高级模式,并在编辑框内引用回帖楼层内容; |
| 66 | | 3)回复成功后的内容也会同时在观点呈现区与回帖楼层中露出; |
| 67 | | [[Image(http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38111934_1409540428426_1024x1024.png)]] |
| 68 | | 回帖显示: |
| 69 | | [[Image(http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/02/c4/38153065_1409623992816_1024x1024.png)]] |
| 70 | | 9.未进行投票支持的登录用户,也可以对PK进行正常回复,回复内容则以正常回帖出现,不带有“支持红方#XXXXXXXXXPK观点”; |
| 71 | | 10.超过投票时间,则“支持红方”和“支持蓝方”按钮变为不可点击状态,仅显示PK结果,与投票一致; |
| 72 | | 11.非登录用户,点击“支持红方/蓝方、回复、发表观点”则统一跳转至登陆页; |
| 73 | | 12.wap版或app版暂不处理。 |
| 74 | | |
| 75 | | '''四、美图''' |
| 76 | | |
| 77 | | 1.用户进入发帖页,上传图片后,在图片右上角区域新增一个按钮“编辑”[[Image(http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38112644_1409541051719_1024x1024.png)]]; |
| 78 | | 2.点击“编辑”则在当前页弹窗:图片编辑框,具体样式见框架; |
| 79 | | 3.编辑框包含功能:框图、圈图、箭头、涂鸦、文字 |
| 80 | | [[Image(http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38112648_1409541054538_1024x1024.png)]] |
| 81 | | 4.点击“框图、圈图、箭头、涂鸦”其中一个功能,则在该功能向下展开画板,用户可进行颜色的选择和粗细程度选择,如下图所示; |
| 82 | | [[Image(http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38112652_1409541064626_1024x1024.png)]] |
| 83 | | 1)框图、圈图、箭头、涂鸦:可选颜色及粗细,用户按住鼠标左键开始操作,松开左键即完成操作,如下图效果; |
| 84 | | [[Image(http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38112653_1409541066082_1024x1024.png)]] |
| 85 | | 5.用户点击“文字”功能,则向下展开字号选择和画板,可选择字号以及颜色,如下图所示; |
| 86 | | [[Image(http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38112654_1409541067115_1024x1024.png)]] |
| 87 | | 1)文字:可在图片添加文字说明,可选颜色及字号,用户将光标移到需要添加文字效果的位置,左击鼠标左键,即出现文字输入框,则开始输入文字,左键点击其他区域则完成输入,效果如下图所示; |
| 88 | | [[Image(http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38112655_1409541068540_1024x1024.png)]] |
| 89 | | 6.用户对图片编辑,可进行“撤销”、“重新开始”、“完成”、“取消”、“关闭”等操作; |
| 90 | | [[Image(http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38112658_1409541069892_1024x1024.png)]] |
| 91 | | [[Image(http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/01/c8/38112659_1409541071059_1024x1024.png)]] |
| 92 | | 1)撤销:可撤销上一步编辑操作; |
| 93 | | 2)重新开始:撤销所有编辑操作,重新开始编辑; |
| 94 | | 3)完成:完成图片编辑并上传,并关闭弹窗; |
| 95 | | 4)取消与关闭:关闭编辑框; |
| 96 | | |
| 97 | | '''五、模板换肤''' |
| 98 | | |
| 99 | | 根据销售的具体需求做相关配合完成列表页模板换肤效果,模板换肤三步曲: |
| 100 | | 1.底纹、顶部通栏的换肤; |
| 101 | | 2.视频、相册等插件的插入; |
| 102 | | 3.商家元素置换图标、活动组件的插入等; |
| 103 | | |
| 104 | | ------------- |
| 105 | | '''附:设计稿地址''' |
| 106 | | |
| 107 | | '''一期:回复置顶+直播贴''' |
| 108 | | |
| 109 | | ''' 1.回复置顶:''' |
| 110 | | 点击状态:http://192.168.50.206/2014.09.05/hf-jiaohu.html |
| 111 | | 楼主登录:http://192.168.50.206/2014.09.05/hf-Login.html |
| 112 | | 管理状态:http://192.168.50.206/2014.09.05/hf-glzt.html |
| 113 | | ''' 2.直播帖:''' |
| 114 | | 无广告:http://192.168.50.206/2014.09.05/zbtp-off.html |
| 115 | | 带广告:http://192.168.50.206/2014.09.05/zbtp-on.html |
| 116 | | |
| 117 | | '''二期:PK贴+美图''' |
| 118 | | |
| 119 | | '''1.PK贴''':http://192.168.50.243/2014/09/06%20LT/01.html |
| 120 | | '''2.美图''':http://192.168.50.243/2014/09/06%20LT/MT1.html |