La pantalla muestra un gran número de calidad del aire con su palabra de categoría, una frase simple, una escala con un marcador en la lectura y el índice UV al lado, con tamaño para leerse desde lejos. Ocupa la pantalla, se sitúa en el centro, se oculta en una esquina, se muestra como una línea o se extiende como una banda a lo largo de un borde. Usted elige el lugar para las lecturas, un título o el nombre del lugar, si mostrar el índice UV al lado, cómo se escribe la hora de la lectura y si permanece siempre o solo se muestra por encima de un nivel que usted establece.
Tarjeta en vivo
Categoría: Clima. Etiquetas: Clima y medio ambiente, Números y métricas.
Diseños
Esta tarjeta principal se adapta a cualquier diseño: pantalla completa, centro, ancho, esquina, chip, tira o cualquier rectángulo libre.
Diseños: completo, centrado, ancho, esquina, chip, tira. Formularios: horizontal, vertical, cuadrado, tira.
Diseños, temas y publicación de tarjetas. Explorar las tarjetas.
Datos y privacidad
Feed: screenrig.airquality/v1.
Los documentos del feed llevan atribución de la fuente. El Player suministra el feed a la tarjeta.
Propiedades
Para tema, fondo, acento y posición, consulte Propiedades comunes.
Establezca las propiedades estáticas en los params de la tarjeta al crearla. Su documento de datos solo contiene propiedades dinámicas. Las filas anidadas describen el contenido de su propiedad principal.
Propiedades estáticas
| Nombre | Tipo | Predeterminado | Valores y límites | Descripción |
|---|---|---|---|---|
title | string | "" | maxLength: 40 | Vacío usa el nombre de la ubicación. |
showUv | boolean | true | Mostrar el índice UV junto al índice de calidad del aire. Sin lectura de calidad del aire, el índice UV es el protagonista. | |
hourCycle | string | "24" | "12", "24", "military" | Cómo se escribe la hora de la lectura: 12 horas con AM o PM, 24 horas (13:00) o militar (1300). |
timeZone | cadena, nulo | null | ||
presence | string | "always" | "always", "unhealthy" | siempre: la tarjeta siempre se muestra. insalubre: solo mientras el índice de calidad del aire esté por encima de presenceFrom (una lectura obsoleta o faltante la mantiene mostrada). |
presenceFrom | integer | 100 | mínimo: 0; máximo: 500 | Con presencia no saludable, el índice por encima del cual se muestra la tarjeta (100: desde no saludable para grupos sensibles). |
location | object | additionalProperties: false | Lugar al que corresponden las lecturas. Selecciona la fuente. | |
location.name | string | maxLength: 40; Requerido | ||
location.latitude | number | mínimo: -90; máximo: 90; Requerido | ||
location.longitude | number | mínimo: -180; máximo: 180; Requerido | ||
backgroundColor | cadena, nulo | null | patrón: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Sobrescribe el fondo y la placa de la tarjeta con un color plano ordenado por CSS. #RRGGBBAA suministra opacidad. background none tiene prioridad. |
textColor | cadena, nulo | null | patrón: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Sobrescribe los colores de texto principal y secundario. Los colores de acento y estado semántico mantienen sus roles. |
Propiedades dinámicas
Esta tarjeta no tiene propiedades dinámicas.
Ejemplo de lienzo
Guarde las propiedades estáticas como params.json y cree la tarjeta. El resultado incluye su id crd_.
{
"theme": "neomustard",
"location": {
"name": "Vancouver",
"latitude": 49.25,
"longitude": -123.0
}
}screenrig card create --type air-quality --major 1 --file params.jsonAgregue este elemento a los primitives de una página de la lista de reproducción, con ese id en lugar del del ejemplo. Publique la lista de reproducción y asigne una pantalla.
{
"id": "air-quality",
"primitive": "card",
"card": "crd_01EXAMPLECARD000000000",
"layout": "full",
"content_fit": "fill"
}