Lo schermo mostra l’ora con cifre enormi e chiare, pensate per essere lette da lontano. Occupa tutto lo schermo, si posiziona al centro, si infila in un angolo, scorre come una riga o si estende come una fascia lungo un bordo. Scegli il quadrante tra digitale, analogico, parole, carte a ribalta, lampade, anelli o righello, scegli 12 ore, 24 ore o orario militare, aggiungi secondi e data, e imposta fuso orario e stile della fascia.
Live card
Categoria: Tempo. Tag: Orologi e calendari, Uffici e luoghi di lavoro, Hall e reception, Negozi.
Layout
Questa scheda core si adatta a ogni layout: schermo intero, centro, ampio, angolo, chip, striscia o qualsiasi rettangolo libero.
Layout: pieno, centrale, ampio, angolo, chip, striscia. Moduli: orizzontale, verticale, quadrato, striscia.
Layout, temi e pubblicazione delle schede. Esplora le schede.
Dati e privacy
Questa scheda usa le proprietà configurate e i dati live della scheda.
Proprietà
Per tema, sfondo, accento e posizione, vedi Proprietà comuni.
Imposta le proprietà statiche nei params della scheda quando la crei. Il suo documento dati contiene solo proprietà dinamiche. Le righe annidate descrivono il contenuto della proprietà genitore.
Proprietà statiche
| Nome | Tipo | Predefinito | Valori e limiti | Descrizione |
|---|---|---|---|---|
face | string | "digital" | "digital", "analog", "words", "flip", "sets", "rings", "ruler" | |
hourCycle | string | "24" | "12", "24", "military" | 12: 14:05. 24: 14:05. militare: 1405, quattro cifre senza separatore (e HRS se il suffisso è mostrato). |
showSeconds | boolean | false | ||
showSuffix | boolean | true | AM o PM accanto a un orario 12 ore, o HRS accanto all’orario militare. | |
showDate | boolean | true | ||
dateFormat | string | "long" | "long", "short", "numeric" | |
timeZone | stringa, nullo | null | Zona IANA; null usa la zona dello schermo. | |
label | string | "" | maxLength: 40 | |
stripStyle | string | "timeline" | "timeline", "sweep", "zones", "week" | Cosa riempie una striscia accanto all’ora. timeline: il giorno come una riga con un indicatore ora, luce diurna e parte trascorsa. sweep: l’ora centrata con un riempimento che attraversa la striscia ogni minuto. zones: le città in zone come celle compatte. week: giorno della settimana, data, settimana ISO e giorno dell’anno. |
zones | array | [] | maxItems: 4 | Altre città per la striscia delle zone, da due a quattro. |
zones[].label | string | minLength: 1; maxLength: 24; Obbligatorio | ||
zones[].timeZone | string | minLength: 1; maxLength: 64; Obbligatorio | Zona IANA. | |
location | oggetto, null | null | additionalProperties: false | Dove si trova l’orologio. La striscia della timeline ombreggia la notte tra tramonto e alba; senza di essa il giorno va dalle 6:00 alle 18:00. |
location.latitude | number | minimo: -90; massimo: 90; Obbligatorio | ||
location.longitude | number | minimo: -180; massimo: 180; Obbligatorio | ||
backgroundColor | stringa, nullo | null | modello: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Sovrascrive il colore di sfondo e della piastra della scheda con un colore piatto ordinato in CSS. #RRGGBBAA fornisce l’opacità. background none ha la precedenza. |
textColor | stringa, nullo | null | modello: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Sovrascrive i colori del testo principale e secondario. I colori di accento e di stato semantico mantengono i loro ruoli. |
Proprietà dinamiche
Questa scheda non ha proprietà dinamiche.
Esempio di canvas
Salva le proprietà statiche come params.json e crea la scheda. Il risultato contiene il suo ID crd_.
{
"theme": "neomustard",
"location": {
"latitude": 49.25,
"longitude": -123.0
}
}screenrig card create --type clock --major 1 --file params.jsonAggiungi questo elemento ai primitives di una pagina playlist, con quell’ID al posto di quello dell’esempio. Pubblica la playlist e assegna uno schermo.
{
"id": "clock",
"primitive": "card",
"card": "crd_01EXAMPLECARD000000000",
"layout": "full",
"content_fit": "fill"
}