更新记录

1.0.0（2023-03-14）

初始提交，实现svga加载播放 支持云端加载和本地加载

平台兼容性

原生插件通用使用流程：

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原生插件配置”->”云端插件“列表中删除该插件重新选择

联系作者

作者qq：724300087，添加请备注来意，否则不会同意添加。

SVGA插件，支持云端加载和本地加载。 由于是component插件，需要在nvue才能使用

• 云端加载设置url属性，本地加载设置file属性
• loopCount 动画循环次数，不设置或者设置小等于零，表示无限循环
• @animationFinish 动画执行完成的回调，前提是loopCount不能是无限循环（安卓没得这个回调）
• @fail 加载svga失败的回调

详细使用详见demo

<template>
    <view class="content">
        <!-- <image class="logo" src="/static/logo.png"></image> -->
        <view class="text-area">
            <text class="title">{{title}}</text>
        </view>

        <HXR-SVGA url="https://cdn.jsdelivr.net/gh/svga/SVGA-Samples@master/posche.svga?raw=true" @fail="fails" style="background-color: aquamarine; width: 300rpx;height: 300rpx;"></HXR-SVGA>
        <HXR-SVGA file="/static/rose_2.0.0.svga" loopCount="2" @animationFinish="animationFinish" style="background-color: coral; width: 300rpx;height: 300rpx;"></HXR-SVGA>
    </view>
</template>

<script>
    // const hxrsvga = uni.requireNativePlugin('HXR-SVGA')
    export default {
        data() {
            return {
                title: 'Hello SVGA'
            }
        },
        onLoad() {

        },
        methods: {
            fails: function(e) {
                console.log(JSON.stringify(e));
            },
            animationFinish:function(e) {
                console.log(JSON.stringify(e));
            }
        }
    }
</script>

<style>
    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .logo {
        height: 200rpx;
        width: 200rpx;
        margin-top: 200rpx;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50rpx;
    }

    .text-area {
        display: flex;
        justify-content: center;
    }

    .title {
        font-size: 36rpx;
        color: #8f8f94;
    }
</style>