EOS Low-Code Platform 8 EOS Low-Code Platform 8
产品简介
安装部署
应用开发
专题场景实战案例
低代码(Low-Code)开发参考手册
高开开发参考手册
流程开发参考手册
AFCenter 使用指南
Governor 使用指南
升级手册
FAQ
8.3.2更新说明
  • 设置视图背景色
  • 1.场景介绍
  • 2.操作步骤

# 设置视图背景色

# 1.场景介绍

使用场景:学生视图列表中根据性别显示不同的背景色。

# 2.操作步骤

详细步骤如下:

1.打开视图设置,选择高级设置,在全局样式中加入如下css定义:

.student_list_row_1 {
        background-color: #F6E2F1;
        color:#000000;
    }
.student_list_row_2 {
        background-color: #EBE2F6;
        color:#000000;
    }

2.在高级设置中新建方法,选择右侧内置方法-单元格样式,根据自动生成的方法名与参数进行编辑js内容,判断如果性别为男,显示样式student_list_row_1,性别为女显示样式student_list_row_2。

if(row.sex == '1') {
    return 'student_list_row_1'
}
if(row.sex == '2') {
    return 'student_list_row_2'
}

3.效果展示:

← 使用开关控件设置字段值 从视图记录发起流程 →