5.6 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 casas rurales:https://zyronon.gitee.io/douyin/(Se recomienda visitar esta dirección en China)
Nota: Las páginas de Gitee no se pueden actualizar ahora, el código no está actualizado. Si puede eludir el firewall, le recomiendo visitar la siguiente dirección:
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:Introducción al uso del enrutamiento de Vue y la adición de animaciones de transición
Más artículos están en preparación...
correr
Nota: Este proyecto sólo es apto para estudio e investigación, no para uso comercial.
Implemente rápidamente en Vercel
desarrollo local
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.
El contenido anterior es toda información pública en Internet.
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~




