跳至主要內容

卡片

2025年1月14日大约 4 分钟

区别于数据卡片,设计器内的卡片是指将左侧组件展示区内的任意组件拖拽到画布设计区后,组件都会以卡片的形式进行展示。一个看板就是由一个个卡片组成,如下图中每个红色区域框选的部分均为一个卡片。

右侧属性配置中的卡片选项卡就是用来设置当前看板中存在的卡片的样式。

看板的卡片配置作用于全局,对全部卡片生效;组件的卡片配置仅对选中的组件生效。组件卡片配置的样式权重大于看板卡片配置。

通用配置

背景

设置卡片的背景。

  • ① 背景颜色: 设置卡片背景颜色。

  • ② 背景重复: 设置卡片背景图片重复方式。

  • ③ 背景尺寸: 设置卡片背景图片尺寸。

  • ④ 素材库图片: 从素材库选择卡片背景图片。

  • ⑤ 远程图片: 将输入图片的地址作为卡片背景图片。

边框

  • ① 边框颜色: 设置卡片边框的颜色。

  • ② 边框样式: 设置卡片边框的样式,可选值为实线虚线点状线等。

  • ③ 边框宽度: 设置卡片边框的宽度,单位为 px。

圆角

设置卡片四个角的圆角值,点击输入框前的按钮可在统一设置和单一设置之间切换设置方式,单位为 px。

  • 统一设置: 将卡片四个角的圆角值设置为同一大小。
  • 单一设置: 按照左上、右上、右下、左下的顺序,单独设置卡片四个角的圆角值。

阴影

设置卡片阴影效果。

  • 显示: 始终显示卡片阴影效果。

  • 悬浮: 当鼠标悬浮在卡片上时显示阴影效果。

  • : 始终不显示卡片阴影效果

区域配置

一个卡片基本包含头部、内容和底部三个区域,卡片配置里可对这些区域进行单独设置。

头部

单独设置卡片头部区域的样式。

  • 配置

    • 显示: 勾选后显示卡片头部,取消勾选后隐藏卡片头部。

    • 分割线: 勾选后显示卡片头部与卡片内容之间的分割线,取消勾选后分割线隐藏。

  • 标题

    • 显示: 勾选后显示卡片标题,取消勾选后隐藏卡片标题。
  • 文本

    设置标题文本的颜色、字体、字号和粗细。

    • ① 文字颜色: 设置标题文本的颜色。

    • ② 文字字体: 设置标题文本的字体。

      提示

      需本地安装了选择的字体后才有效果

    • ③ 文字字号: 设置标题文本的字号大小。

    • ④ 文字粗细: 设置标题文本的粗细程度。

      提示

      其中 400 为正常粗细,小于 400 变细,大于 400 加粗,越大越粗。

  • 背景

    设置卡片头部的背景,同背景

  • 边距

    设置卡片标题距离卡片边界的距离,点击边距前的按钮可在统一设置和单一设置之间切换设置方式,单位为 px(像素)。

    • 统一设置: 将卡片头部上、下、左、右的边距设置为同一大小。
    • 单一设置: 按照上、右、下、左的顺序,单独设置卡片头部边距大小。

内容

单独设置卡片内容区域的样式。

  • 背景

    设置卡片内容区域的背景,同背景

  • 边距

    设置卡片内容的内边距,同头部/边距

操作

单独设置卡片底部区域的样式。适用于分析卡片组件,当分析卡片组件添加了操作按钮后方可出现效果。

  • 配置

    • 垂直: 勾选后操作区域的按钮垂直排列,取消勾选后水平排列。

    • 分割线: 勾选后显示卡片底部与卡片内容之间的分割线,取消勾选后分割线隐藏。

    卡片操作配置
    卡片操作配置
  • 对齐

    按照选中的对齐方式来对齐操作按钮:居左、居中和居右。

    卡片操作配置
    卡片操作配置
上次编辑于: 2025/2/19 11:14:17
贡献者: guohuizheng,zhangshuai