更新记录

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 等多个平台。

💻 线上预览

🛠️ 如何使用

  1. pages/index/index.vue 文件复制到你的项目中。
  2. 如果需要评论弹窗功能,请一并复制 components/CommentModal.vue 文件。
  3. pages.json 中配置好页面路径。
  4. 根据需要修改 pages/index/index.vue 中的视频数据 videoData

就是这么简单!

💬 交流与反馈

我们非常欢迎您加入我们的社区,共同交流学习!

  • 讨论: ***
  • 问题反馈 ****: ``
  • 联系作者 ****: `EVER24`

感谢你的关注与支持!如果你觉得这个项目对你有帮助,请给一个 Star 吧!⭐

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问