电话 400-111-2626

# CSS样式扩展

平台支持通过CSS样式扩展,来调整页面的样式/布局。

效果如下:

效果.png

配置入口:

共四个类型的配置入口

类型 入口位置 涉及范围
表单 表单设计中每个表单都可单独配置 该表单的字段组件全局作用
流程 流程设计中每个流程都可单独配置 该流程所有发起/详情页面的全局
外部单页面 每个外部单都可单独配置 该外部单整个页面的全局样式
应用页面 每个应用都可单独配置,分为PC端入口及移动端入口,分别在PC页面设计和移动端页面设计中 该应用的所有PC页面/移动端页面的全局样式
全局页面 整个平台的配置入口,可在基础设置-用户端样式设置中设置。分为PC端和移动端两个入口 所有PC页面/移动端页面的全局样式

使用方式:

  1. 在运行端找到对应要修改样式的类名

运行端.png

  1. 在管理端针对该类名的css样式进行调整

CSS.png

注:

  1. :root 含义:匹配该范围内(应用/流程/外部单/表单)的根元素,比如有个span标签,你想修改当前表单下的span标签文字颜色,此时可以将其写在当前表单的:root里面,进行样式隔离,不会影响到其他表单

  2. 提供特定的自定义样式隔离类名(id选择器+class选择器),类名规则看下图

样式.png

  1. 移动端和PC端样式隔离规则:可使用到移动端专有类名.app_应用id_mobile /.form_按钮Id_表单id_mobile/.#process_流程id_mobile等等。
1 / 0