华为云首页用户手册 H

华为云Astro大屏应用-时间选择器:配置

时间：2025-02-12 15:04:21

华为云Astro大屏应用

配置

在配置中，设置时间选择器的类型、输入框和弹出框的字体颜色等。

图4 时间选择器配置

时间选择器的类型
- 选择器类型：支持时间范围和瞬时两种。
- 快捷时间：是否显示快捷时间，默认为“显示”。“选择器类型”设置为“时间范围”时，才显示该参数。
  图5 显示快捷时间效果
- 值类型：支持实时和固定时间两种类型。选择实时，快捷时间为now形式，如图6。
  图6 值类型为实时
- 快捷时间字体颜色：设置快捷时间的字体颜色。
- 选中字体颜色：设置选中快捷时间时，快捷时间字体的颜色。
- 选中背景颜色：设置选中快捷时间时，快捷时间背景的颜色。
输入框设置
下方输入框的设置，对时间选择器组件中所有输入框生效。
- 字体：设置输入框中文字的字体、大小和颜色等。
- 背景颜色：设置输入框的背景颜色。
- 边框颜色：设置输入框边框的颜色。
- 边框聚焦颜色：当鼠标单击或键盘操作将焦点置于时间选择器组件上时，边框所呈现的颜色。
- 边框悬浮颜色：当鼠标指针悬停在时间选择器组件上时，组件边框所呈现的颜色。
- 分隔符：开始时间和结束时间之间的分隔符。
- 开始时间占位符：开始时间输入框中没有选择具体时间时，显示的文字内容。
  图7 删除静态数据中数据时显示的效果
- 结束时间占位符：结束时间输入框中没有选择具体时间时，显示的文字内容。
弹出框设置
下方弹出框的设置，对时间选择器组件中所有弹出框生效。
- 放大倍数：组件发布后，时间弹出框在页面占位相对于开发态中放大的倍数。在大屏页面中，放大倍数建议设置大一些。
- 背景颜色：时间弹出框背景的颜色。
- 字体颜色：时间弹出框中时间的颜色。
- 悬浮字体颜色：鼠标指针悬停在时间弹出框上，显示的字体颜色。
- 选中字体颜色：时间弹出框中，选中状态时间的字体颜色。
- 选中背景颜色：时间弹出框中，选中状态时间的背景颜色。
- 分割线颜色：时间弹出框中分割线的颜色。
  图8 分割线颜色
- 前月后月的日期颜色：时间弹出框中，上个月日期和下个月日期的日期颜色。
  图9 前月后月的日期颜色