将提供的城市显示为数字时间或模拟表盘,含昼夜、日期差异及与屏幕时区的偏移。选定的主城市突出显示。黄金时段添加克制的共享进入动画和在本地日期及昼夜边界的静默提示。
直播卡片
类别:时间。标签:时钟和日历,办公室和工作场所,大堂和接待处。
布局
此全屏卡在横屏或竖屏时填满整个屏幕,不作为角落、芯片或条带放置。
布局:全屏。表单:横向,纵向。
数据与隐私
此卡使用其配置的属性和实时卡数据。
属性
有关主题、背景、强调色和位置,请参见通用属性。
创建卡片时,在卡片的params中设置静态属性。其数据文档仅包含动态属性。嵌套行描述其父属性的内容。
静态属性
| 名称 | 类型 | 默认 | 数值和限制 | 描述 |
|---|---|---|---|---|
cities | array | minItems:2;maxItems:12;必填 | ||
cities[].label | string | minLength:1;maxLength:40;必填 | ||
cities[].timeZone | string | minLength:1;maxLength:64;必填 | IANA 时区。 | |
hour12 | boolean | false | ||
showSeconds | boolean | false | ||
showDate | boolean | true | 在每个城市下方显示明天、昨天或星期几。 | |
face | string | "digital" | "digital", "analog" | |
highlight | integer | -1 | 最小值:-1;最大值:11 | 强调的家乡城市索引;无则为 -1。 |
backgroundColor | 字符串,空值 | null | 模式:"^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | 用纯色 CSS 顺序覆盖卡片背景和底板。#RRGGBBAA 提供透明度。背景无则优先。 |
textColor | 字符串,空值 | null | 模式:"^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | 覆盖主文本和次要文本颜色。强调色和语义状态色保持原有功能。 |
动态属性
此卡无动态属性。
画布示例
将静态属性保存为 params.json 并创建卡片。结果中包含它的 crd_ ID。
{
"theme": "neomustard",
"cities": [
{
"label": "Example",
"timeZone": "Example"
},
{
"label": "Example",
"timeZone": "Example"
}
]
}
screenrig card create --type world-clock --major 1 --file params.json
将此项目添加到播放列表页面的primitives中,并用该 ID 替换示例中的 ID。发布播放列表并分配屏幕。
{
"id": "world-clock",
"primitive": "card",
"card": "crd_01EXAMPLECARD000000000",
"layout": "full",
"content_fit": "fill"
}