列表页中,通常存在各种各样的样式控制,例如字段宽度需要可调、字段的颜色根据内容变化等,那么我们接下来介绍下字段的样式控制的内容以及对应的效果。


1、字段样式控制配置位置

进入列表页的 数据配置界面,每个字段可以有独立的配置效果

低代码开发重要工具:JVS列表页字段样式配置说明_文字颜色


2、固定列配置,效果与配置方式如下:

如果字段过多,希望字段在横向拖动的时候,保持有序列一直展示,如下图所示:

低代码开发重要工具:JVS列表页字段样式配置说明_JVS_02

配置方式:

低代码开发重要工具:JVS列表页字段样式配置说明_数据_03


3、字段颜色控制

在日常的项目中,常常对于不同状态的数据,进行 特殊 警示,配置效果与方式如下:

低代码开发重要工具:JVS列表页字段样式配置说明_JVS_04

配置方式,在列表页的对应字段上,点击显示配置的  按钮

低代码开发重要工具:JVS列表页字段样式配置说明_字段_05

进入配置界面,可以根据具体的内容 进行 背景、文字颜色、文字转换等方式 配置。

低代码开发重要工具:JVS列表页字段样式配置说明_数据_06


4、字段宽度:

下面我们来看看效果与配置方式

低代码开发重要工具:JVS列表页字段样式配置说明_文字颜色_07

进入列表页的字段配置界面,

低代码开发重要工具:JVS列表页字段样式配置说明_JVS_08

配置对应字段宽度

低代码开发重要工具:JVS列表页字段样式配置说明_数据_09


5、手动控制的升降序按钮

效果如图所示:

低代码开发重要工具:JVS列表页字段样式配置说明_文字颜色_10

设置方式:

低代码开发重要工具:JVS列表页字段样式配置说明_低代码_11


6、字段点击复制按钮:

低代码开发重要工具:JVS列表页字段样式配置说明_字段_12

配置方式:

低代码开发重要工具:JVS列表页字段样式配置说明_JVS_13

在线配置地址:https://frame.bctools.cn/