更新记录
1.0.0(2026-05-31) 下载此版本
模板核心
首次发布 全能视频平台模板,定位为 App 端开箱即用的视频类完整项目模板。
视频首页,包含频道 tabs、同城 tabs、双列视频卡片和底部导航栏。
App nvue 视频首页,适配 App 端运行体验。
核心播放器页,支持竖屏播放、横屏播放、播放暂停、进度控制和横竖屏切换。
播放器右侧互动栏,包含点赞、评论、收藏、分享和音乐唱片展示。
竖屏底部评论/弹幕输入栏,支持评论模式和弹幕模式切换。
竖屏弹幕层,支持上半屏弹幕漂浮展示。
横屏播放器控制栏,支持横屏播放控制、互动入口和弹幕输入。
横屏弹幕层,支持横屏上半屏弹幕漂浮展示。
竖屏下半屏评论面板,支持评论列表、底部评论输入栏和动态背景展示。
评论正文折叠/展开能力,默认 30 字折叠,展开后 500 字以内完整展示,超过 500 字支持正文区域内上下滑动。
评论操作行,支持发布时间、发布定位、回复、点赞、取消点赞和展开回复入口。
评论点赞图标状态切换和点赞数字绑定。
主评论衍生回复列表,点击“展开 N 条回复”后生成 20 到 40 条模拟回复,并支持右下角收起。
直播页模板,包含直播画面、直播互动按钮和商品卡片。
视频发布页模板,包含视频上传、封面选择、话题、位置和发布设置。
筛选页模板,包含筛选工具栏、筛选标签、策略卡片和底部操作栏。
自研 yj-ui 组件库,统一承载按钮、输入框、tabs、卡片、播放器控制、评论面板和互动按钮等 UI 组件。
本地演示视频、封面、头像和播放器图标资源,便于下载后直接运行预览。
平台声明
当前版本仅声明支持 App 端运行。 推荐使用 App 真机运行。 可使用虚拟手机进行预览。 小程序运行兼容不稳定,不建议作为正式运行平台。 H5当前不支持运行。
定价声明
插件普通价格:59 元。 源代码授权:299 元。
注意事项
当前版本以本地模拟数据为主,未绑定真实后端接口。
评论、点赞、弹幕、直播、发布等业务可按实际需求接入后端服务。
static 目录内包含演示视频、封面、头像和图标资源,正式商用前请替换为自有授权素材。
manifest.json 中包含演示用 App 权限配置,正式上架前请按实际功能精简权限。
平台兼容性
uni-app(5.07)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | √ | √ | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| - | - | - | - | - | - | - | - | - | - | - | - |
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| × | √ | √ |
全能视频平台模板
这是一个基于 uni-app / Vue2 的全能视频平台模板项目,适合发布到 DCloud 插件市场作为完整项目模板使用。项目开箱即用,内置视频首页、竖屏/横屏播放器、弹幕、评论面板、直播页、发布页、筛选页,以及自研 yj-ui 组件库。
插件市场发布声明
- 插件类型:完整 uni-app 项目模板。
- 插件名称:全能视频平台模板。
- 应用版本:1.0.0。
- 插件定价:普通价格 59 元,源代码授权 299 元。
- 技术栈:uni-app、Vue2、nvue、easycom、自研
yj-ui组件库。 - 使用特点:开箱即用,下载后使用 HBuilderX 打开项目即可运行到 App 真机或虚拟手机预览。
- 适用平台:仅支持 App 端运行;推荐使用真机运行,也可使用虚拟手机运行。
- 平台限制:小程序运行兼容不稳定,不建议作为正式运行平台;H5 当前不支持运行。
- 资源来源:项目使用本地
static目录中的演示视频、封面、头像和图标资源;发布正式应用前请替换为你拥有授权的素材。 - 第三方依赖:项目未依赖 npm 包;核心 UI 来自项目内
yj-ui/components。 - 网络接口:当前模板以本地模拟数据为主,未绑定真实后端接口。
- 隐私声明:模板不主动采集用户隐私数据;如接入真实登录、上传、评论、直播或 AI 服务,请自行补充隐私政策和用户协议。
- 权限声明:
manifest.json中包含相机、网络、设备状态等 App 权限配置,正式发布前请按实际功能精简权限。 - 商用注意:模板仅提供前端结构、交互和演示素材组织方式;商用前需要自行确认素材、图标、视频、字体和业务接口授权。
快速使用
- 使用 HBuilderX 打开项目根目录。
- 确认
manifest.json中的appid、应用名称、版本号和平台权限。 - 运行到 App 真机或虚拟手机进行预览;不建议运行到小程序,H5 当前无法运行。
- 如需替换演示视频,修改
static/icons/video中的视频资源,或在utils/video-source.js/pages/video/Player.nvue中接入真实数据。
项目结构
App.vue:应用入口样式和全局生命周期。实例代码.md:插件市场实例代码、项目框架和二次开发入口说明。插件市场发布流程.md:插件市场发布流程、表单填写建议、审核注意事项和常见问题。main.js:Vue 实例初始化入口。manifest.json:应用名称、版本、App 权限,以及保留的小程序和 H5 基础配置;当前模板实际仅声明支持 App 端。pages.json:页面路由、全局样式和yj-*easycom 解析规则。pages/video:视频业务页面目录。yj-ui:自研云集 UI 组件库。components:项目级公共组件,目前包含首页头部组件。static:演示视频、封面、头像、播放器图标和评论图标。store:全局 store 和 mixin。utils:视频数据源和视频流缓存工具。
页面功能清单
pages/video/index.vue:视频首页,展示视频频道、同城 tabs、视频卡片列表和底部导航。pages/video/index-nvue.nvue:nvue 版本视频首页,服务 App 端性能和原生体验。pages/video/Player.nvue:核心播放器页,包含竖屏播放器、横屏播放器、进度控制、点赞、收藏、分享、弹幕、评论输入、评论面板、竖屏弹幕层和横屏弹幕层。pages/video/live.vue:直播页模板,展示直播画面、商品卡片和直播互动按钮。pages/video/publish.vue:视频发布页模板,包含视频上传、封面选择、话题、位置和发布设置。pages/video/filter.vue:视频筛选页模板,包含筛选工具栏、筛选标签和策略卡片。
核心播放器功能引用
- 竖屏播放:
pages/video/Player.nvue负责视频播放、滑动切换、右侧互动栏和底部评论/弹幕输入栏。 - 横屏播放:
pages/video/Player.nvue负责横屏状态、横屏控制栏、横屏弹幕输入和横屏弹幕层。 - 点赞:播放器右侧点赞按钮使用
yj-video-like-btn;评论区点赞使用yj-comment-action-row。 - 收藏:播放器右侧收藏按钮使用
yj-video-favorite-btn。 - 评论入口:播放器右侧评论按钮打开
yj-portrait-comment-panel。 - 竖屏评论输入:
yj-player-comment-input提供评论模式和弹幕模式切换。 - 评论面板输入:
yj-portrait-comment-panel内置同款评论输入栏,不包含弹幕按钮。 - 弹幕发送:竖屏和横屏共用播放器页弹幕数据流,竖屏由
yj-portrait-danmu-layer展示,横屏由yj-landscape-danmu-layer展示。 - 评论展开:
yj-portrait-comment-panel支持评论 30 字折叠、展开、500 字以上正文区域内滚动。 - 回复展开:
yj-comment-action-row抛出reply-more/replyMore,yj-portrait-comment-panel在主评论下方生成 20 到 40 条模拟衍生回复,并在右下角提供收起按钮。
yj-ui 组件引用清单
yj-button:统一按钮组件,用于确认、购买、提交等场景。yj-input:统一输入框组件,支持单行输入和 textarea;不对input/textarea设置box-sizing: border-box。yj-switch:统一开关组件,用于发布页布尔设置。yj-nav-bar:顶部导航栏组件,支持自定义返回和右侧区域。yj-video-tabs:视频首页主频道 tabs。yj-video-city-tabs:视频首页同城二级 tabs。yj-video-card-list:双列视频卡片列表。yj-video-bottom-tabbar:视频底部导航栏。yj-recommend-video-card:推荐视频卡片。yj-video-like-btn:播放器点赞按钮。yj-video-comment-btn:播放器评论按钮。yj-video-favorite-btn:播放器收藏按钮。yj-video-share-btn:播放器分享按钮。yj-video-music-disc:播放器音乐唱片展示组件。yj-landscape-player-controls:横屏播放器控制栏。yj-landscape-danmu-controls:横屏弹幕控制组件。yj-landscape-danmu-input-bar:横屏输入法弹出时的独立弹幕输入栏。yj-landscape-danmu-layer:横屏弹幕漂浮层。yj-player-comment-input:竖屏播放器底部评论/弹幕输入栏。yj-portrait-danmu-layer:竖屏上半屏弹幕漂浮层。yj-portrait-comment-panel:竖屏下半屏评论面板。yj-comment-action-row:评论时间、定位、回复、点赞、取消点赞和展开回复操作行。yj-live-action-button:直播间圆形互动按钮。yj-live-product-item:直播商品卡片。yj-upload-card:发布页上传视频卡片。yj-cover-picker-item:发布页封面选择卡片。yj-topic-chip:发布页话题标签。yj-setting-row:发布页设置行。yj-filter-toolbar:筛选工具栏。yj-filter-chip:筛选条件标签。yj-strategy-card:筛选策略卡片。yj-footer-action-bar:筛选页底部操作栏。
静态资源引用清单
static/icons/video/*.mp4:播放器、本地列表和演示视频数据使用的视频文件。static/images/music/cover1.png到cover4.png:视频封面、音乐唱片封面、回复头像演示图。static/touxiang.png:默认用户头像和评论头像。static/dianzan.png:默认点赞图标。static/dianzan_h.png:已点赞高亮图标。static/heart-fill.png:评论区点赞前图标。static/dislike-fill.png:评论区取消点赞图标。static/shoucang.png/static/shoucang_h.png:收藏未选中和选中图标。static/pinglun.png:播放器评论入口图标。static/fenxiang.png:分享图标。static/play.png:播放按钮图标。static/quanping.png:全屏入口图标。static/icons/video/Player/xiangcei.svg:评论输入栏相册图标。static/icons/video/Player/biaoqing.svg:评论输入栏表情图标。static/video/player/search.svg:评论面板相关搜索图标。static/video/player/fullscreen.svg:评论面板顶部展开图标。static/video/player/back.svg、camera.svg、comment.svg、heart-fill.svg、heart-outline.svg、share.svg、star.svg:播放器相关备用图标资源。
权限与平台注意事项
- App 权限位于
manifest.json的app-plus.distribute.android.permissions。 - 当前权限包含网络、相机、设备状态、震动、唤醒、闪光灯等演示配置;正式上架前必须按实际功能删除无用权限。
- 微信小程序配置位于
manifest.json的mp-weixin,但当前模板小程序运行兼容不稳定,不建议作为正式运行平台。 - H5 当前不支持运行,不建议将 H5 作为插件市场演示平台。
pages.json使用 easycom 规则^yj-(.*)自动解析@/yj-ui/components/yj-$1/yj-$1.vue。- App nvue 中部分组件需要显式 import,不能完全依赖 easycom。
二次开发建议
- 接入真实视频列表:优先改造
utils/video-source.js和播放器页的数据读取逻辑。 - 接入真实评论:替换
pages/video/Player.nvue中的模拟评论数据,并把yj-portrait-comment-panel的事件接到接口。 - 接入真实点赞/收藏:保留 UI 组件事件,由页面或 store 调用后端接口同步状态。
- 接入真实弹幕:保留
yj-portrait-danmu-layer和yj-landscape-danmu-layer,把本地缓存替换为接口或 WebSocket 数据。 - 替换素材:发布前替换
static内所有演示视频、头像、封面和图标,避免版权风险。
发布前检查清单
- 已替换
manifest.json的appid、应用名、版本号。 - 已确认
static中视频、图片、图标具备授权。 - 已精简 Android 权限;如保留小程序配置,请声明小程序兼容不稳定。
- 已确认
pages.json中页面路径完整且可运行。 - 已确认
实例代码.md中的项目框架、组件引用和示例代码说明完整。 - 已确认
插件市场发布流程.md中的平台声明、表单内容和审核注意事项完整。 - 已在 App 真机或虚拟手机运行一次,确认播放器、评论、弹幕、发布页、直播页展示正常。
- 已删除
unpackage、临时构建产物、日志文件和本地缓存文件。

收藏人数:
下载插件并导入HBuilderX
下载插件ZIP
赞赏(0)
下载 2
赞赏 0
下载 12102210
赞赏 1918
赞赏
京公网安备:11010802035340号