移动端样式

3386 上次更新时间:2022-03-19 11:23:23

Document

简介

表单数据在移动端是以卡片的形式呈现,方便用户快速查看和管理数据,卡片类型支持设置卡片视图、相册视图,可自定义设置卡片显示内容。

使用场景

比如 CRM 客户关系管理,销售外出拜访客户时,可在移动端查看和记录客户数据以及合同报价单等。

比如直播电商,产品经理或团队成员可在手机上直接查看和管理已上线的产品。

移动端样式类型

卡片视图

卡片视图是指每条数据都以独立的卡片方式进行展示,可自定义设置卡片标题、内容、图片,以及是否启用多张图自动播。

相册视图

将表单的数据以相册卡片的的形式展现,主要用于需要带图片和文字的展示,比如商品库、图书册、客户管理等等。

核心功能

1.标题字段

卡片内容的标题,支持设置表单自定义标题或字段控件。

2.时间字段

在卡片设置显示日期,常用于设置开始时间或截止时间。

3.卡片颜色

卡片颜色来源于下拉框设置的颜色,如需自定义设置颜色,请在编辑表单-下拉框进行设置。

4.图片字段

卡片或相册视图的封面图。

5.多张图片时自动播放

系统自动播放多张图片,无需人为手动点击下一张图片。(注意:卡片视图不支持「多张图片时自动播放」。)

6.人员控件显示类型

卡片显示的人员名称或头像。

7.显示字段

是设置卡片展示的具体内容,显示字段支持设置人员控件、日期控件、图片控件、下拉框控件等多个字段,可手动调整显示字段顺序,可设置是否显示字段的名称。

注意:卡片视图最多支持设置4个控件,相册视图不限制。

8.显示子表单

在卡片查看子表单数据。(注意:相册视图不支持设置子表单。)

9.图片加载模式

图片加载模式支持设置拉伸填满、居中填满、自适应 。注意:如果上传多张图大小不一致,建议设置自适应,系统会自动调整呈现出最优效果。

10.样式布局

相册视图支持设置两个样式布局,分别是一行两个、一行一个。(注意:卡片视图不支持设置样式布局)

11.展示模式

在移动端展示的页面模式,支持常规和紧凑模式,管理多张卡片一目了然。(注意:只能在相册视图设置,卡片视图不支持)

配置路径

卡片视图

1.新建移动端样式

以画廊视图为例,如下图点击「移动端样式」。(注意:移动端样式只能在管理数据、数据视图、画廊视图设置)

2.设置卡片内容

在视图显示类型选择卡片视图,可根据实际业务需求设置标题字段、时间字段、卡片颜色、图片字段,开启多张图片时自动播放,以及人员控件显示类型。

3.设置显示字段

如下图添加显示字段,调整字段顺序。(注意:最多支持设置4个控件)

4.设置显示子表单

如果表单有子表单,可以设置显示子表单,支持添加多个子表单字段控件。

演示图

相册视图

1.新建移动端样式

选择视图,如下图点击「移动端样式」。(注意:移动端样式只能在管理数据、数据视图、画廊视图设置)

2.设置相册视图内容

设置视图显示类型、样式布局、展示模式和内容设置。

3.设置显示字段

设置显示多个字段,调整字段顺序和设置显示字段名称,点击确定即可。

演示图

注意事项

1.设置移动端样式后什么时候生效?

设计完成后,在移动端重新进入查看数据即可生效。

2.是否可以对多个视图设置移动端样式?

目前不支持,您可以复制视图,重新设置其他移动端样式。

3.所有的视图都可以设置移动端样式吗?

目前支持设置移动端样式的视图有:画廊视图、数据视图、管理数据。