更新记录

1.0.4（2025-08-11） 下载此版本

1. 优化鸿蒙端代码

1.0.3（2025-07-25） 下载此版本

1. 限时免费开源
2. 适配鸿蒙

1.0.2（2025-04-22） 下载此版本

1. 修复andorid真机图片不显示的问题

平台兼容性

云端兼容性

uni-app x(4.66)

UxFrame Lottie动画组件 1.0.4

特别说明

如果您已经购买了UxFrame 低代码高性能UI框架, 则无需再次购买本插件，请点击上方进入交流群联系我免费获取离线版插件！

使用方式

<template>
    <view>
        <view class="logo">
            <ux-lottie style="flex: 1;" ref="uxLottieRef" :loop="true" src="/static/refresh.json"></ux-lottie>
        </view>

        <button @click="play">播放</button>
        <button @click="pause">暂停</button>
        <button @click="stop">停止</button>
        <button @click="resume">重新播放</button>
        <button @click="destroy">销毁</button>
    </view>
</template>

<script setup>
    const uxLottieRef = ref<UxLottieComponentPublicInstance | null>(null)

    function play() {
        uxLottieRef.value?.$callMethod('play')
    }

    function pause() {
        uxLottieRef.value?.$callMethod('pause')
    }

    function stop() {
        uxLottieRef.value?.$callMethod('stop')
    }

    function resume() {
        uxLottieRef.value?.$callMethod('resume')
    }

    function destroy() {
        uxLottieRef.value?.$callMethod('destroy')
    }
</script>

文档教程 ⬇️

https://www.uxframe.cn