更新记录
0.01(2025-07-07) 下载此版本
第一次更新
平台兼容性
uni-app(4.05)
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
× | √ | 137.0.7151.120 | √ | × | × | × | × | × |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × | × | × |
uni-app x(4.05)
Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
---|---|---|---|---|---|
- | - | - | - | - | - |
抖音风格/TikTok-Style 视频流插件 - uni-app
一个基于 swiper
实现的简单、免费的抖音风格上下滑动切换视频插件,适用于 uni-app 项目。
🌟 核心特性
- 简单易用: 基于 uni-app 内置的
swiper
组件,无需引入复杂的第三方库。 - 免费开源: 完全免费,代码清晰,方便二次开发。
- 功能齐全: 包含视频切换、自动播放/暂停、点击暂停、进度条拖拽、点赞、评论弹窗等核心功能。
- 高度可定制: 所有图标均使用 SVG,方便修改样式,代码结构清晰,易于扩展。
🚀 项目背景:仿小红书全栈应用
此插件是 仿小红书(RED-APP) 全栈项目中的一个核心功能模块。小红书凭借其优秀的产品体验和超高人气,已成为笔记类产品的佼佼者。我们的全栈项目旨在详细介绍如何使用 Vue.js 和 Spring Boot 集合 uni-app 开发一个类似小红书的跨端应用。
借助 uni-app 的强大能力,此项目可以轻松发布到 H5、小程序、APP 等多个平台。
💻 线上预览
🛠️ 如何使用
- 将
pages/index/index.vue
文件复制到你的项目中。 - 如果需要评论弹窗功能,请一并复制
components/CommentModal.vue
文件。 - 在
pages.json
中配置好页面路径。 - 根据需要修改
pages/index/index.vue
中的视频数据videoData
。
就是这么简单!
💬 交流与反馈
我们非常欢迎您加入我们的社区,共同交流学习!
- 讨论:
***
- 问题反馈 ****: ``
- 联系作者 ****: `EVER24`
感谢你的关注与支持!如果你觉得这个项目对你有帮助,请给一个 Star 吧!⭐