# 看板属性

# 基础主题

设置默认主题,目前看板提供两种基本主题:默认浅色默认深色

  • 默认浅色模式下,默认背景色为白色,字体颜色为黑色。

    全局样式

  • 默认深色模式下,默认背景色为黑色,字体颜色为白色

    全局样式

# 页面

设置页面通用属性

全局样式

  • 主题色:设置当前页面的主题色(主要作用于明细表分页、卡片 loading、按钮选中样式、滑块颜色、日期选择器等)。

  • 背景:可设置页面背景颜色、背景图片、背景重复方式、背景图片尺寸等。

    • 点击选择图片可以打开图片资源库,选择已上传的图片作为背景图片。
    • 输入框内可填写图片 url 地址来设定背景图片。
  • 内容:设置页面的尺寸

    • 自适应:默认画板区域 100%宽度。

    • 定宽:选择定宽后,在其后输入框内输入需要设置的宽度,则页面会采用此宽度。

  • 内边距:设置页面内边距(即组件距离页面边缘的最小距离)。

    • 单值:统一设置页面内边距的上下左右为此值

    • 多值:按照上、右、下、左的顺序依次设置页面的内边距

  • 间距:设置组件与组件之间的最小距离。

  • 文本:可设置页面内文字的颜色、大小以及加粗程度(400 为正常,小于 400 为变细,大于 400 为加粗,数值越大越粗)。

# 卡片

未选中组件时,设置卡片即为设置全局卡片的通用属性;选中组件后,设置卡片即为设置选中卡片的卡片属性。展示效果先取自身属性,再取通用属性。

全局样式

  • 背景:可设置卡片背景颜色、背景图片、背景重复方式、背景图片尺寸等。

    • 点击选择图片可以打开图片资源库,选择已上传的图片作为背景图片。
    • 输入框内可填写图片 url 地址来设定背景图片。
  • 边框:可设置卡片边框的颜色、样式(实心线、点状线、虚线)和边框宽度。

  • 圆角:设置卡片四个角的圆角大小。

    • 单值:统一设置页面卡片的四个角圆角数值。

    • 多值:按照左上、右上、右下、左下的顺序依次设置卡片的圆角数值。

  • 阴影:设置卡片的阴影。

    • 显示:显示卡片阴影。

    • 悬浮:鼠标停留在卡片上时显示卡片阴影。

    • :不显示卡片阴影。

    # 卡片头部

    可单独设置卡片头部样式。

    全局样式

    • 配置

      • 显示:是否显示卡片头部,勾选则显示,取消勾选则不显示。
      • 分割线:是否显示卡片头部与内容之间的分割线,勾选则显示,取消勾选则不显示。
    • 标题

      • 显示:是否显示卡片标题,勾选则显示,取消勾选则不显示。
    • 文本:可设置卡片头部文字的颜色、大小以及加粗程度(400 为正常,小于 400 为变细,大于 400 为加粗,数值越大越粗)。

    • 背景:可设置卡片头部背景颜色、背景图片、背景重复方式、背景图片尺寸等。

      • 点击选择图片可以打开图片资源库,选择已上传的图片作为背景图片。
      • 输入框内可填写图片 url 地址来设定背景图片。
    • 边距:设置卡片头部内边距。

      • 单值:统一设置卡片头部内边距的上下左右值。

      • 多值:按照上、右、下、左的顺序依次设置卡片头部的内边距。

    # 卡片内容

    可单独设置卡片内容样式。

    全局样式

    • 背景:可设置卡片内容背景颜色、背景图片、背景重复方式、背景图片尺寸等。

      • 点击选择图片可以打开图片资源库,选择已上传的图片作为背景图片。
      • 输入框内可填写图片 url 地址来设定背景图片。
    • 边距:设置卡片内容内边距。

      • 单值:统一设置卡片内容内边距的上下左右值。

      • 多值:按照上、右、下、左的顺序依次设置卡片内容的内边距。

    # 卡片操作

    可单独设置卡片操作区(底部)样式。

    全局样式

    • 配置

      • 垂直:卡片按钮排列方式,勾选则按钮垂直排布,取消勾选则水平排序。

      • 分割线:是否显示卡片内容与操作区之间的分割线,勾选则显示,取消勾选则不显示。

    • 对齐:操作区按钮对齐方式,从左到右依次为(左对齐中部对齐右对齐)。点击选中对齐方式,再次点击选中值则取消选中。

# 组件

未选中组件时,设置组件即为设置全局组件的通用属性;选中组件后,设置组件即为设置选中卡片的组件属性。展示效果先取自身属性,再取通用属性。

全局样式

  • 标签

    • 显示:是否显示组件文字标签,勾选则显示,取消勾选则不显示。
    • 文本框:设置组件文字标签的宽度,为 0 则不显示,不为 0 则设置最小宽度为 14px(一个文字的默认宽度)。
  • 对齐:组件文字标签的对齐方式,从左到右依次为(左对齐顶部对齐右对齐)。点击选中对齐方式,再次点击选中值则取消选中。

  • 文本:可设置组件标签文字的颜色、大小以及加粗程度(400 为正常,小于 400 为变细,大于 400 为加粗,数值越大越粗)。

# 操作

选中分析卡片之后,右侧配置栏中会出现操作设置,可以用来为卡片添加操作按钮。

全局样式

当未添加任何按钮时,此处只有一个添加操作按钮,点击添加后,即出现上图所示设置,同时分析卡片底部出现操作区。点击按钮名称后的+可继续添加按钮。

  • 名称:设置按钮名称。

  • 位置:按钮默认展示在卡片底部操作区,勾选显示到头部,则按钮位置会移动到卡片头部展示。

  • 尺寸:设置按钮尺寸,默认为,可选值为(超小超大)。

其余配置与按钮相同,详见按钮

Last Updated: 12/27/2023, 5:16:33 PM