¿No seas tímido?
como usar
¿Método 1?
Acceso directo: https://iuroc.github.io/haixiu/.
¿Método 2?
Bifurque este proyecto y luego use Github Pages para implementar el directorio /docs .
Características del proyecto
- Sitio web puramente estático, se puede implementar directamente usando Github Pages
- Admite paginación de datos y visualización por etiquetas, y admite desplazamiento hacia la parte inferior para agregar automáticamente el contenido de la página siguiente
- Implementar un visor de imágenes de alta calidad basado en PhotoSwipe
- Cuando el visor de imágenes cambia de imagen, la lista de miniaturas se desplaza y sigue dondequiera que la vea.
- Cuando el visor de imágenes llega a la última imagen, la siguiente página de datos se agrega automáticamente sin interrumpir la navegación.
- Basada en Location Hash, la implementación admite History.back() para cerrar el visor de imágenes y es compatible con la tecla Atrás del móvil.
- Implementado en base a Location Hash para admitir History.forward() para abrir el visor de imágenes y restaurar automáticamente la última ubicación.
- Al cerrar el visor de imágenes a través de Hash, se admite la interrupción de la animación, lo cual es una gran experiencia.
- Registre automáticamente la posición de la barra de desplazamiento y elimine el impacto de los eventos HashChange en la barra de desplazamiento
Tecnologías relacionadas
- Usando el rastreador de API Fetch de Node.js
- Después de rastrear los datos, las páginas se almacenan en varios archivos JSON, con números de página e información de etiquetas marcadas en los nombres de los archivos.
- La interfaz utiliza el marco Van.js para crear una interfaz de usuario receptiva
- La interfaz solicita directamente archivos JSON estáticos a través de Fetch para implementar solicitudes de paginación.
- Implementar el visor de imágenes usando la biblioteca PhotoSwipe
Actualizaciones de recursos
Por favor consulte este documento: Programa de recopilación de imágenes README
