u12_start u12_end u12_line

美丽的阿荣旗大草原

盛夏,四面八方赶来的车友欢聚阿荣旗,幕天席地的共同呼吸大兴安岭的纯净空气,感受这座塞外小城的和谐静谧。

阿荣旗被称为“微缩版的”呼伦贝尔。这里涵盖了呼伦贝尔各类旅游资源要素。既有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. 图片备注功能”一致