更新记录

1.0.1(2024-08-17)

更新文档

1.0.0(2024-08-17)

更新安卓


平台兼容性

HbuilderX/cli最低兼容版本
3.7.0

uni-app

Vue2 Vue3
?
app-vue app-nvue app-android app-ios app-harmony
? ? ? ? ?
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
? ? ? ? ? ? ? ? ?
微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 钉钉小程序 快手小程序 飞书小程序 京东小程序
? ? ? ? ? ? ? ? ?
快应用-华为 快应用-联盟
? ?

uni-app x

app-android app-ios
? ?
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
? ? ? ? ? ? ? ? ?

pll-svga

开发文档

<template>
    <view class="content">
        <p-svga ref="svga" style="width: 750rpx;height: 800rpx" @onFinished="finished" @onLoadend="loadend" @onLoadfail="loadfail"></p-svga>
        <button @click="setNetWorkAddress">设置网络地址</button>
        <button @click="setLocalAddress">设置本地地址</button>
        <button @click="start">开始播放</button>
        <button @click="stop">暂停播放</button>
        <button @click="stop">停止播放</button>
        <button @click="setLoops">设置循环次数</button>
    </view>
</template>

<script>
    export default {
        data() {
            return {

            }
        },
        onLoad() {

        },
        mounted() {

        },
        methods: { 
            finished(e) {
              console.log(e)    
            },
            loadfail(e) {
                  console.log(e)    
            },
            loadend(e) {
              console.log(e)    
            },
            setNetWorkAddress() {
                this.$refs["svga"].init("https://djfood-img.wuhunews.cn/Goddess.svga",(res)=> {
                    console.log(res)
                });
            },
            setLocalAddress() {
                this.$refs["svga"].init("/static/Castle.svga");
            },
            start() {
                this.$refs['svga'].start();
            },
            stop() {
                this.$refs['svga'].stop();
            },
            pause() {
                this.$refs['svga'].pause();
            },
            setLoops() {
                this.$refs['svga'].setLoops(1);
            }
        }
    }
</script>

<style>

</style>

隐私、权限声明

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

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

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

暂无用户评论。

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