Una grande temperatura e condizione attuale sopra le prossime ore e una previsione di più giorni, con una frase semplice come Pioggia dalle 15, così il messaggio si legge chiaramente da lontano. Occupa tutto lo schermo, si adatta a qualsiasi rettangolo, si posiziona al centro, in un angolo, scorre su una linea in un angolo o come una banda lungo un bordo. Si imposta la posizione e il fuso orario, si sceglie unità metriche o imperiali, si seleziona quanti giorni di previsione mostrare e se un layout completo o libero mostra tutto, solo le condizioni attuali o solo la previsione.
Live card
Categoria: Meteo. Tag: Meteo e ambiente, Hall e reception, Scuole e campus.
Layout
Questa scheda core si adatta a ogni layout: schermo intero, centro, ampio, angolo, chip, striscia o qualsiasi rettangolo libero.
Layout: pieno, libero, centrale, ampio, angolo, chip, striscia. Moduli: orizzontale, verticale, quadrato, striscia.
Layout, temi e pubblicazione delle schede. Esplora le schede.
Dati e privacy
Feed: screenrig.weather/v1.
I documenti del feed riportano l’attribuzione della fonte. Il Player fornisce il feed alla scheda.
Attribuzione meteo: dati meteo di Weatherbit, come indicato nel documento del feed.
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 |
|---|---|---|---|---|
location | object | additionalProperties: false; Obbligatorio | ||
location.name | string | maxLength: 40; Obbligatorio | ||
location.latitude | number | minimo: -90; massimo: 90; Obbligatorio | ||
location.longitude | number | minimo: -180; massimo: 180; Obbligatorio | ||
units | string | "metric" | "metric", "imperial" | |
show | string | "auto" | "auto", "current", "forecast" | Cosa mostra uno schermo pieno o libero: tutto (auto), solo le condizioni attuali (current) o solo la previsione (forecast). |
days | integer | 5 | minimo: 3; massimo: 7 | |
showDetails | boolean | true | ||
hour12 | boolean | false | ||
timeZone | stringa, nullo | null | ||
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": {
"name": "Vancouver",
"latitude": 49.25,
"longitude": -123.0
}
}screenrig card create --type weather --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": "weather",
"primitive": "card",
"card": "crd_01EXAMPLECARD000000000",
"layout": "full",
"content_fit": "fill"
}