更新时间:2024-04-28 GMT+08:00
分享

日历组件

日历组件是文本组件的一种,用于展示日历,用户可在具体日期上记录待办事项或者重要内容。

在大屏设计页面,从“全部组件 > 文本”中,拖拽“日历组件”组件至画布空白区域,如图1

图1 日历组件
图2 边距样式说明

卡片

卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。

图3 卡片
  • 背景
    • 背景色:设置组件卡片的背景颜色。
    • 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。
    • 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
    • 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。
  • 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。
  • 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。
    • 上边距:图表到组件边框顶部的距离。
    • 右边距:图表到组件边框右侧的距离。
    • 左边距:图表到组件边框左侧的距离。

配置

在配置中,设置日历组件当月默认状态、选中状态、日历卡片、头部等。

图4 配置
  • 当月默认状态/选中状态/前月和下月状态/状态4......
    • 对应的状态码,系统默认有如下几个状态,每个状态有对应的状态码来标识。
      • 当月默认状态:状态码为“0”。
      • 选中状态:状态码为“1”。
      • 前月和下月状态:状态码为“2”。
      • 状态4/5/6/7:其他状态,每种状态可对应日历上的待办事项或者重要内容等。
    • 该状态下日期块的背景色:设置当前状态下日期块的背景颜色。
    • 日期字体:设置该状态下日期字体、文字大小、日期文字颜色等。
    • 日期的行高大小:设置该状态下日期的行高大小。
    • 内容字体:设置该状态下日期上备注的内容字体、文字大小、内容文字颜色等。
  • 日历卡片
    • 背景色:设置日历卡片的背景颜色。
    • 边框色:设置日历卡片边框的颜色。
    • 日期块的高度:设置每个日期块的高度。
    • 日期块对齐方式:设置日期块的对齐方式,如左对齐、右对齐、居中。
  • 日历头部
    • 年月字体:设置日历头部年月字体、文字大小、年月文字颜色等。
    • 快捷按钮字体:设置日历头部右侧快捷按钮字体、字体大小和颜色等。
    • 快捷按钮背景色:设置日历头部右侧快捷按钮的背景色。
    • 星期字体:设置日历头部星期的字体、文字大小、文字颜色等。

数据

在数据中,设置日历组件的数据来源,更多介绍请参见数据接入

交互

在交互中,配置日历组件与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置

分享:

    相关文档

    相关产品