6.3 KiB
Douyin-Vue
English | Spanish | German | French | 简体中文 | 日本語
douyin-vuees una parodia抖音|TikTokProyecto de vídeo corto móvil.Vue"Mejores prácticas" en el lado móvil, comparables a las nativasAppExperiencia sedosa y suave. Usado lo últimoVuepila de tecnología, basada enVue3、Vite5、Pinialograr. Los datos se guardan localmente en el proyecto a través deaxios-mock-adapterLa biblioteca intercepta la API y devuelve datos json locales para simular solicitudes de backend reales.
Acceso en linea
Páginas de Github:https://dy.ttentau.top/
Enlace
[Serie Imitación Douyin] 1:200 líneas de código para implementar un componente carrusel similar a Swiper.js
[Serie Imitación Douyin] 2:Realice el efecto de "vídeo deslizante infinito" en Douyin
[Serie Imitación Douyin] Tres:Vue 路由使用介绍以及添加转场动画
[Serie Imitación Douyin] Cuatro:Almacenamiento en caché de rutas condicionales de Vue, al igual que los sitios de noticias tradicionales
[Serie Imitación Douyin] Cinco:Github Actions implementa páginas, sincroniza con Gitee, traduce README, empaqueta la imagen de la ventana acoplable
correr
Nota: Este proyecto sólo es apto para estudio e investigación, no para uso comercial.
Implemente rápidamente en Vercel
Implementar en Docker
# pull Docker image
docker pull ghcr.io/zyronon/douyin-vue:latest
# start container, nginx reverse proxy custom port, for example: docker run -d -p 80:80 ghcr.io/zyronon/douyin-vue:latest
docker run -d -p 80:80 ghcr.io/zyronon/douyin-vue:latest
desarrollo local
Nota: El comando git debe clonarse para ejecutarse. No se puede ejecutar la descarga del paquete zip. Si la velocidad de clonación es demasiado lenta, se recomienda utilizar la dirección del albergue
git clone https://gitee.com/zyronon/douyin.git (中国使用)
https://github.com/zyronon/douyin.git
cd douyin
npm install
npm run dev
Abra su navegador y visite:http://127.0.0.1:3000
Nota: Debe cambiar el navegador al modo móvil, primero presioneF12Para abrir la consola, presioneCtrl+Shift+Mpara obtener una vista previa normalmente
Fuentes de datos
El video proviene de las siguientes celebridades de Douyin.
我是香秀 🐂🍺:https://v.douyin.com/iYRAPA2L/杨老虎 🐯(磕穿下巴掉牙版):https://v.douyin.com/iYRA56de/条子:https://v.douyin.com/iYRAaqjr/达莎 Digi:https://v.douyin.com/iYRA6rwT/小橙子:https://v.douyin.com/iYRAnudw/南恬:https://v.douyin.com/iYRAbKm3/小霸宠牛排 🥩:https://v.douyin.com/iYRSosVB/奶茶妹 ◕🌱:https://v.douyin.com/iYRACKhP/我才是岚岚:https://v.douyin.com/iYRAQM1C/周憬艺 ziran:https://v.douyin.com/iYRAQs4h/刘思瑶 nice:https://v.douyin.com/iYRAaERn/彭十六 elf:https://v.douyin.com/iYRAHrVG/李子柒:https://v.douyin.com/iYRA5B88/
Imagen de las notas públicas de Xiaohongshu.
以上内容均是互联网公开信息
Funciones y sugerencias
El proyecto se encuentra actualmente en las primeras etapas de desarrollo y continuamente se agregan nuevas funciones. Si tiene alguna característica o sugerencia para el software, no dude en contactarnos.Issuescriado en
Si también le gustan las ideas de diseño de este software, envíelas.PR, ¡Muchas gracias por tu apoyo!
contáctame
Puedes contactar a mi correozyronon@163.com
Comparta mis otros proyectos de código abierto:
Escribir palabra- Software de memorización de vocabulario que se puede utilizar en la web ~
Guiones web- Algunos scripts útiles de Grease Monkey~




