更新记录

1.0（2024-04-10）

• 支持无限滑动加载
• 支持自定义界面（遮罩）
• 支持监听上滑下滑动事件
• 支持点播、直播
• 可以实现全屏（"navigationStyle": "custom"）

平台兼容性

原生插件通用使用流程：

1. 购买插件，选择该插件绑定的项目。
2. 在HBuilderX里找到项目，在manifest的app原生插件配置中勾选模块，如需要填写参数则参考插件作者的文档添加。
3. 根据插件作者的提供的文档开发代码，在代码中引用插件，调用插件功能。
4. 打包自定义基座，选择插件，得到自定义基座，然后运行时选择自定义基座，进行log输出测试。
5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项：使用HBuilderX2.7.14以下版本，如果同一插件且同一appid下购买并绑定了多个包名，提交云打包界面提示包名绑定不一致时，需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择

短视频浏览组件（仿抖音、上滑下滑） Ba-VideoSView

简介

Ba-VideoSView 是一款uniapp短视频上划浏览组件，支持无限滑动加载，支持自定义界面（功能遮罩）,支持点播、直播。

• 支持无限滑动加载
• 支持自定义界面（遮罩）
• 支持监听上滑下滑动事件
• 支持点播、直播
• 可以实现全屏（"navigationStyle": "custom"）

支持定制，有建议和需要，请联系QQ：2579546054（如本地包、源码）

也可关注博客，实时更新最新插件：

uniapp 常用原生插件大全

使用方法

在 template 中直接引用

        <Ba-VideoSView ref="videoSView" class="video-view" :load="loadData">
        </Ba-VideoSView>

在 script 中调用

    export default {
        data() {
            return {
                loadData: {//配置
                    list: [{
                            "coverImgUrl": "",//封面图片
                            "title": "",//标题
                            "videoDownloadUrl": ""//视频地址
                            //其他参数可自定义
                        }
                    ]//短视频列表数据
                }
            }
        },
        onReady() {
            this.setListener();//设置监听
        },
        methods: {
            setListener() {
                this.$refs.videoSView.setListener((res) => {
                    if (res.action == "onPageSelected") {//滑动事件
                        if (res.slide == "up") { //向上滑动
                            this.showToast(JSON.stringify(res))
                            if (res.position == res.size - 2) { //倒数第二个开始加载更多（demo逻辑，可自行更改）
                                this.$refs.videoSView.addData({
                                    list: this.loadData.list
                                }, (res => {

                                }));
                            }
                        }
                    }
                })
            }
        }
    }

load 配置参数（初始加载）

list 参数

setListener 监听事件方法

设置组件监听，可监听滑动浏览事件（上滑、下滑）

返回参数

注意：可自行根据返回参数写处理逻辑（如：最后几个视频时，加载下一页数据）

addData 方法（添加数据）

添加数据

参数

自定义界面（遮罩）

参照示例，nvue写法，有疑问可联系作者（q:2579546054）