Estadísticas

Mostrar estadísticas.

Uso básico

To highlight a number or a group of numbers, such as statistical value, amount, and ranking, you can add elements such as icon and unit before and after the number and title. And use vueuse to add animated transitions to value.

Daily active users
268,500
Ratio of men to women
138
/100
Total Transactions
0
Feedback number
562

Cuenta atrás

El componente de cuenta regresiva, permite la cuenta regresiva de otros componentes.

Start to grab
00:00:00
Remaining VIP time
00:00:00
Still to go until next month
00 days 00:00:00

TIP

En formato se sugiere estar en el rango de días

Uso del modo Card

Visualización en modo Card, se puede combinar libremente

Daily active users
98,500
Monthly Active Users
693,700
New transactions today
72,000

Api de Estadísticas

Statistic Attributes

AtributosDescripciónTipoPor defecto
valueContenido numériconumber0
decimal-separatorEstablecer el punto decimalstring.
formatterPresentación numérica personalizadaFunction
group-separatorEstablece el identificador de milésimostring,
precisionprecisión numéricanumber0
prefixEstablece el prefijo de un númerostring
suffixEstablece el sufijo de un númerostring
titleTítulo de los valores numéricosstring
value-styleEstilo de los valores numéricosstring / object

Statistic Slots

NombreDescripción
prefixPrefijo del valor numérico
suffixSufijo del valor numérico
titleTítulo de los valores numéricos

Statistic Exposes

NombreDescripciónTipo
displayValuevalor actual a mostrarobject

Api de la cuenta regresiva

Countdown Attributes

AtributosDescripciónTipoPor defecto
valuetiempo objetivonumber / Dayjs
formatFormato visual de la cuenta regresivastringHH:mm:ss
prefixEstablece el prefijo de la cuenta regresivastring
suffixEstablece el sufijo de la cuenta regresivastring
titletítulo de la cuenta regresivastring
value-styleEstilo de los valores de la cuenta regresivastring / object

Countdown Events

MétodoDescripciónTipo
changeEvento de cambio de los valores de tiempoFunction
finishevento de finalización de la cuenta regresivaFunction

Countdown Slots

NombreDescripción
prefixprefijo del valor de la cuenta regresiva
suffixsufijo del valor de la cuenta regresiva
titletítulo de la cuenta regresiva

Countdown Exposes

NombreDescripciónTipo
displayValuevalor actualobject

Fuente

ComponentesStyleDocumentación

Contribuidores