发帖
美丽的阿荣旗大草原
盛夏,四面八方赶来的车友欢聚阿荣旗,幕天席地的共同呼吸大兴安岭的纯净空气,感受这座塞外小城的和谐静谧。
阿荣旗被称为“微缩版的”呼伦贝尔。这里涵盖了呼伦贝尔各类旅游资源要素。既有800多年横亘东西的金代军事防御工程遗址~金界壕,又是著名的“闯关东最后一站”。
页面二 发帖(有内容时)
1
添加图片功能
2.
在编辑页内,照片有最大显示宽度(与帖子终端一致,由设计稿给出);
添加的照片底层都有灰色块,宽度=最大显示宽度,高度与照片高度一致(有最小高度限制,由设计稿给出);
添加的图片右下角都有功能按钮、图片下方有深灰色备注栏(具体相关说明见下文。)
3.
若照片宽度>最大显示宽度,按屏幕大小自适应显示;
若照片宽度<=最大显示宽度,则不做自适应,在灰色块中居中显示即可。
2
旋转、删除功能
3
长按排序功能
1. 长按可拉动图片,调整排序,具体看“2.2.3 拉动排序”;
1. 每个主帖可发60张照片,一次性最多可选60张。
发帖页面
+
4. 光标定位在任何位置,图片都是先换行再插入,每插入一张图片都是以一个独立的图片编辑框存在,具体希望呈现的效果如下:
a. 连续插入多张图片时,上下两张图片之间会强制空出一行支持文本输入、插入图片;
编辑器未输入任何内容进行图片插入时,第一张图片顶部也会强制空出一行支持文本输入;
直接在已输入文字后面插入图片,图片会自动换行插入;
b. 所有强制空行用户在编辑器无法自行清除;
如果用户未输入任何内容,生成帖子后,强制空行自动清除;
c. 已插入图片的左右两侧都无法进行光标定位
2
4
4
图片备注功能
1. 新增图片下方带有深灰色的图片备注栏,提示文案为“这里可以输入图片描述”,光标定位时可输入内容,文字靠左显示;
2. 不支持手动换行,支持汽车网的原生表情包;
3. 限制输入内容最多为100字,当满一行时,自动换行,换行时增加输入框高度。。
字数达到100字时,不可以继续输入;若用户继续输入,toast提示“已写满100字”。
4. 若用户未输入任何内容或仅有空格/换行,生成帖子后,图片备注不显示。
5. 若图片被删除,则图片的备注也要跟着被删除。
这里可以输入图片描述
那是一片美丽的草原,点缀着小花。蓝蓝绿绿,非常美丽。我想在这里打火锅多好
那是一片美丽的草原,点缀着小花。蓝蓝绿绿,非常美丽。我想在这里打火锅多好
那是一片美丽的草原,点缀着小花。蓝蓝绿绿,非常美丽。我想在这里打火锅多好
开发确认下:如果上传很长很长的细条图片,会不会有什么问题出现?
+
删
转
+
+
删
转
1. 照片右下角有扩展功能按钮,点击“+”(交互)展开更多功能,点击“×”则收起更多功能。
+
+
删
转
收起效果:
展开效果:
2. 点击“转”,进入照片旋转页面。(页面线上已有,具体页面可看2.2.2 旋转页面,相关逻辑与线上保持一致)
3. 点击“删”,则照片被删除。
5
对文本支持长按复制黏贴
对空白行或者文本进行长按,支持复制黏贴功能
(注意:这个针对的是文案长按,要和图片长按拉动区分开)
+
这里可以输入视频描述
删
6
6
修改功能
关于修改帖子的入口、范围等详情请看“修改帖子“框架,此处仅讲涉及编辑框的内容。
App可修改PC端、Wap端发布的帖子,所以涉及到App与PC端兼容问题,具体处理如下:
1. PC端可插入优酷视频,在App上修改帖子时,视频统一以默认图显示,支持删除及长按拉动排序。
2. PC端可插入图片张数>60,在App上修改帖子时,可正常显示所有图片。但不能新增图片,需要将图片数删除到<60时,才可正常添加。
+
+
删
点击“+”,展开效果:
点击“×”,则收回;点击“删”,则删除视频。
支持视频描述功能,对于描述的功能需求与上述“4. 图片备注功能”一致