项目特点:
短视频播放:实现短视频循环播放,具备播放/暂停控制。
评论与点赞功能:用户可以进行评论、点赞等互动。
滑动切换视频:实现上下滑动切换视频的效果。
动画效果:基于 CSS 和 JavaScript 动画实现页面过渡和按钮交互效果。
Vue 3:项目核心框架,提供组件化开发和响应式设计。
Vue Router:实现页面路由,管理不同视频页面的切换。
Pinia(或 Vuex):用于状态管理,跟踪用户的点赞、评论等信息。
Axios:处理 API 请求,实现前后端数据交互。
CSS Animation / JavaScript Animation:实现页面中的动画效果。
git clone https://github.com/zyronon/douyin.git
cd douyin
npm install
npm run dev
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
开源作者提醒:本项目仅适用于学习和研究,不得用于商业使用~~~