EOS Low-Code Platform 8 EOS Low-Code Platform 8
产品简介
学习指南
更新说明
安装与集成
初见EOS
低代码开发手册
专业代码开发手册
专题场景实战
公共服务框架
应用运行治理
升级手册
常见问题
  • 设置视图背景色
  • 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.效果展示:

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