更新记录

1.0.0（2025-02-25）

ay-Pag新版本发布

平台兼容性

ay-Pag支持安卓/iOS端的Pag动画插件

使用说明

<ay-Pag
    ref="pagView" 
    class="pagView" 
    pag-file-path="/static/pag/test.pag"
    :repeat-count="100">
</ay-Pag>

选项式api

methods: {
    play() {
        this.$refs['pagView'].isPlaying((isPlaying: boolean) => {
        if (!isPlaying) {
            this.$refs['pagView'].play()
            }
        }) 
    },
    stop() {
        this.$refs['pagView'].stop()
    },
    replaceImage() {
        this.$refs['pagView'].replaceImage('/static/images/test.png', 0)
    },
    replaceText() {
        this.$refs['pagView'].replaceText('123', 0)
    }
}

组合式api

const pagView = ref(null)
const play = () => {
    pagView.value.isPlaying(isPlaying => {
        if (!isPlaying) {
            pagView.value.play()
        }
    })
}
const stop = () => {
    pagView.value.stop()
}
const replaceImage = () => {
    pagView.value.replaceImage('/static/images/test.png', 0)
    pagView.value.replaceText('123', 0)
}
const replaceText = () => {
    pagView.value.replaceText('123', 0)
}

关于我

支持定制、本地包、源码等，有建议和需要，请联系我

微信：ayao110100

QQ：206788568

博客：https://anyaowl.cn/