El complemento de clasificación de puntos de Guaqi ofrece a los sitios de Guaqi un módulo de tabla de clasificación de puntos de usuario que se puede colocar directamente en la página. Admite la clasificación semanal, mensual y total al mismo tiempo, y está adaptado tanto para el área de contenido como para diseños de contenedores principales estrechos, por lo que puede usarse como módulo principal de la página o como widget de barra lateral.
Ver tres clasificaciones en un solo módulo
- Clasificación semanal: cuenta los registros de puntos de esta semana, ideal para actividades de corto plazo e incentivos semanales.
- Clasificación mensual: cuenta los registros de puntos de este mes, ideal para operaciones mensuales e incentivos para miembros.
- Clasificación total: clasifica según los puntos totales actuales de cada usuario, mostrando los resultados acumulados a largo plazo.
El administrador puede configurar la clasificación que se abre por defecto, el número de personas que se muestran en la clasificación, si se muestran los cambios de puntos y si se muestra la posición del usuario que ha iniciado sesión actualmente.
Cómo se calculan las clasificaciones semanal, mensual y total
Las clasificaciones semanal y mensual leen la hora de registro en los detalles de puntos de Guaqi y suman respectivamente los puntos positivos obtenidos durante la semana natural actual y el mes natural actual. El valor de cambio se compara con los puntos de la semana o del mes anterior y se muestra visualmente con flechas hacia arriba, hacia abajo o sin cambios.
La clasificación total no acumula por un período de tiempo, sino que ordena según los puntos totales actuales del registro de puntos más reciente de cada usuario, por lo que no suma repetidamente el historial de transacciones. La clasificación total no muestra el valor de cambio por período.
Los datos iniciales no se solicitan repetidamente
Los datos de la clasificación predeterminada se combinan en los datos de página existentes de auth.pageData, y no se realiza una solicitud separada idéntica para la primera pantalla. Cuando el usuario cambia a una clasificación semanal, mensual o total que aún no se ha cargado, los datos correspondientes se obtienen de forma asíncrona; las clasificaciones ya obtenidas se reutilizan dentro del componente.
El módulo no depende de SSR. Durante la preparación de datos se utiliza el esquema de esqueleto de pantalla gq-gs incluido en el proyecto, para evitar áreas en blanco y saltos bruscos.
Compatible con contenedores principales estrechos y barras laterales
El diseño responde según el ancho disponible del propio módulo, en lugar de juzgar solo el ancho de la ventana del navegador. Cuando se coloca en una barra lateral estrecha, el cambio de puntos se contrae en el área de información del usuario, y las columnas de avatar, nombre y puntos se mantienen claras; en un área de contenido amplia, se expande a una tabla completa.
La información de clasificación es más fácil de identificar
- Los tres primeros puestos usan iconos de clasificación de oro, plata y bronce.
- El cambio de puntos se expresa conjuntamente con flechas de dirección y valores.
- La fila del usuario que ha iniciado sesión actualmente se resalta; si no está dentro del rango mostrado actualmente, su clasificación se muestra por separado debajo de la tabla.
- Los avatares pasan uniformemente por el método de procesamiento de direcciones de avatar del proyecto, para evitar errores 404 causados por direcciones relativas.
- El fondo de la lista se mantiene sobrio, y el resaltado del usuario actual sigue siendo claro pero no eclipsa el contenido de la clasificación.
Método de instalación
A continuación se ofrecen dos elementos de descarga: la versión de uso directo es adecuada para instalación y despliegue, y la versión de código fuente es adecuada para que los desarrolladores la revisen y realicen desarrollo secundario. La versión actual es 1.0.0; después de la descarga, instálela y actívela siguiendo el proceso de complementos en tiempo de ejecución de Guaqi.