# 日历组件
日历组件是文本组件的一种，用于展示日历，用户可在具体日期上记录待办事项或者重要内容。
在大屏设计页面，从"全部组件 \> 文本"中，拖拽"日历组件"组件至画布空白区域，如[图1]。
图1日历组件   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158306069.png "点击放大")
图2边距样式说明   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123184108.png)
#### 卡片
卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
图3日历组件卡片   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158306073.png "点击放大")
- 背景
  - 背景色：设置组件卡片的背景颜色。
  
  - 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。
  
  - 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。
  
  - 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。
   
- 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。
- 边距：组件中图表距离整个组件四边（上、下、左、右，如[图2]）的距离，默认为0，即铺满整个组件。
#### 配置
在配置中，设置日历组件当月默认状态、选中状态、日历卡片、头部等。
图4日历组件配置   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158424485.png "点击放大")
- 当月默认状态/选中状态/前月和下月状态/数据系列4......
  - 对应的状态码，系统默认有如下几个状态，每个状态有对应的状态码来标识。
    - 当月默认状态：状态码为"0"。
    
    - 选中状态：状态码为"1"。
    
    - 前月和下月状态：状态码为"2"。
    
    - 状态4/5/6/7：其他状态，每种状态可对应日历上的待办事项或者重要内容等。
     
  
  - 该状态下日期块的背景色：设置当前状态下日期块的背景颜色。
  
  - 日期字体：设置该状态下日期字体、文字大小、日期文字颜色等。
  
  - 日期的行高大小：设置该状态下日期的行高大小。
  
  - 内容字体：设置该状态下日期上备注的内容字体、文字大小、内容文字颜色等。
   
- 日历卡片
  - 背景色：设置日历卡片的背景颜色。
  
  - 边框色：设置日历卡片边框的颜色。
  
  - 日期块的高度：设置每个日期块的高度。
  
  - 日期块对齐方式：设置日期块的对齐方式，如左对齐、右对齐、居中。
   
- 日历头部
  - 年月字体：设置日历头部年月字体、文字大小、年月文字颜色等。
  
  - 快捷按钮字体：设置日历头部右侧快捷按钮字体、字体大小和颜色等。
  
  - 快捷按钮背景色：设置日历头部右侧快捷按钮的背景色。
  
  - 星期字体：设置日历头部星期的字体、文字大小、文字颜色等。
   
 
#### 数据
在数据中，设置日历组件的数据来源，更多介绍请参见[数据接入](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6143.html)。
#### 交互
在交互中，配置日历组件与其他组件或页面之间的交互能力。更多交互介绍，请参见[交互设置](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6140.html)。