# 看板属性
# 基础主题
设置默认主题,目前看板提供两种基本主题:默认浅色
与默认深色
。
默认浅色
模式下,默认背景色为白色,字体颜色为黑色。默认深色
模式下,默认背景色为黑色,字体颜色为白色
# 页面
设置页面通用属性
主题色
:设置当前页面的主题色(主要作用于明细表分页、卡片 loading、按钮选中样式、滑块颜色、日期选择器等)。背景
:可设置页面背景颜色、背景图片、背景重复方式、背景图片尺寸等。- 点击
选择图片
可以打开图片资源库,选择已上传的图片作为背景图片。 - 输入框内可填写图片 url 地址来设定背景图片。
- 点击
内容
:设置页面的尺寸自适应
:默认画板区域 100%宽度。定宽
:选择定宽后,在其后输入框内输入需要设置的宽度,则页面会采用此宽度。
内边距
:设置页面内边距(即组件距离页面边缘的最小距离)。单值:统一设置页面内边距的上下左右为此值
多值:按照上、右、下、左的顺序依次设置页面的内边距
间距
:设置组件与组件之间的最小距离。文本
:可设置页面内文字的颜色、大小以及加粗程度(400 为正常,小于 400 为变细,大于 400 为加粗,数值越大越粗)。
# 卡片
未选中组件时,设置卡片即为设置全局卡片的通用属性;选中组件后,设置卡片即为设置选中卡片的卡片属性。展示效果先取自身属性,再取通用属性。
背景
:可设置卡片背景颜色、背景图片、背景重复方式、背景图片尺寸等。- 点击
选择图片
可以打开图片资源库,选择已上传的图片作为背景图片。 - 输入框内可填写图片 url 地址来设定背景图片。
- 点击
边框
:可设置卡片边框的颜色、样式(实心线、点状线、虚线)和边框宽度。圆角
:设置卡片四个角的圆角大小。单值:统一设置页面卡片的四个角圆角数值。
多值:按照左上、右上、右下、左下的顺序依次设置卡片的圆角数值。
阴影
:设置卡片的阴影。显示
:显示卡片阴影。悬浮
:鼠标停留在卡片上时显示卡片阴影。无
:不显示卡片阴影。
# 卡片头部
可单独设置卡片头部样式。
配置
显示
:是否显示卡片头部,勾选则显示,取消勾选则不显示。分割线
:是否显示卡片头部与内容之间的分割线,勾选则显示,取消勾选则不显示。
标题
显示
:是否显示卡片标题,勾选则显示,取消勾选则不显示。
文本
:可设置卡片头部文字的颜色、大小以及加粗程度(400 为正常,小于 400 为变细,大于 400 为加粗,数值越大越粗)。背景
:可设置卡片头部背景颜色、背景图片、背景重复方式、背景图片尺寸等。- 点击
选择图片
可以打开图片资源库,选择已上传的图片作为背景图片。 - 输入框内可填写图片 url 地址来设定背景图片。
- 点击
边距
:设置卡片头部内边距。单值:统一设置卡片头部内边距的上下左右值。
多值:按照上、右、下、左的顺序依次设置卡片头部的内边距。
# 卡片内容
可单独设置卡片内容样式。
背景
:可设置卡片内容背景颜色、背景图片、背景重复方式、背景图片尺寸等。- 点击
选择图片
可以打开图片资源库,选择已上传的图片作为背景图片。 - 输入框内可填写图片 url 地址来设定背景图片。
- 点击
边距
:设置卡片内容内边距。单值:统一设置卡片内容内边距的上下左右值。
多值:按照上、右、下、左的顺序依次设置卡片内容的内边距。
# 卡片操作
可单独设置卡片操作区(底部)样式。
配置
垂直
:卡片按钮排列方式,勾选则按钮垂直排布,取消勾选则水平排序。分割线
:是否显示卡片内容与操作区之间的分割线,勾选则显示,取消勾选则不显示。
对齐
:操作区按钮对齐方式,从左到右依次为(左对齐
、中部对齐
、右对齐
)。点击选中对齐方式,再次点击选中值则取消选中。
# 组件
未选中组件时,设置组件即为设置全局组件的通用属性;选中组件后,设置组件即为设置选中卡片的组件属性。展示效果先取自身属性,再取通用属性。
标签
显示
:是否显示组件文字标签,勾选则显示,取消勾选则不显示。- 文本框:设置组件文字标签的宽度,为 0 则不显示,不为 0 则设置最小宽度为 14px(一个文字的默认宽度)。
对齐
:组件文字标签的对齐方式,从左到右依次为(左对齐
、顶部对齐
、右对齐
)。点击选中对齐方式,再次点击选中值则取消选中。文本
:可设置组件标签文字的颜色、大小以及加粗程度(400 为正常,小于 400 为变细,大于 400 为加粗,数值越大越粗)。
# 操作
选中分析卡片之后,右侧配置栏中会出现操作
设置,可以用来为卡片添加操作按钮。
当未添加任何按钮时,此处只有一个添加操作
按钮,点击添加后,即出现上图所示设置,同时分析卡片底部出现操作区。点击按钮名称后的+
可继续添加按钮。
名称
:设置按钮名称。位置
:按钮默认展示在卡片底部操作区,勾选显示到头部
,则按钮位置会移动到卡片头部展示。尺寸
:设置按钮尺寸,默认为中
,可选值为(超小
、小
、中
、大
、超大
)。
其余配置与按钮
相同,详见按钮