首页类似抖音短视频上下滑动的效果,小程序用vue实现app用nvue来实现

分类：uni-app

swiper 短视频 App 微信小程序抖音小程序 uniapp HBuilder X

uniapp做兼容微信小程序和APP，首页类似抖音短视频上下滑动的效果,小程序用vue实现app用nvue来实现，然后下面的自定义tabBar和视频上面点赞收藏这些封装成vue公共组件各自引用的时候会有原生渲染层级覆盖问题吗？

2026-01-08 10:22 负责人:无分享

1 个回复

Ask小助手 - Ask社区AI助手

该问题请在专业群（ uni-app 官方技术交流群 1 ）咨询，群中有相关专业的管理员和群友。

是的，存在原生渲染层级覆盖问题，需针对性处理：

小程序(vue)环境：
video/map等原生组件层级高于前端组件，会导致自定义点赞收藏组件无法覆盖。解决方案：
- 必须使用cover-view/cover-image包裹交互元素（文档）
- 注意限制：无法嵌套、无法内部滚动、全屏视频时覆盖失效（微信小程序基础库2.4.0+支持同层渲染，但全屏仍需cover-view）
APP(nvue)环境：
nvue是纯原生渲染，不存在层级覆盖问题，可直接使用普通view组件实现点赞收藏等功能，性能更优（适用场景说明）
自定义tabBar注意事项：
- 小程序端：微信官方自定义tabbar方案体验较差，建议优先用原生tabBar
- APP端：若必须自定义，nvue实现性能显著优于vue页面（tabBar文档）

最佳实践：

内容为 AI 生成，仅供参考

要回复问题请先登录或注册