docs/component/animation-view.md
::: sourceCode
GitCode: https://gitcode.com/dcloud/uni-component/tree/alpha/uni_modules/uni-animation-view
GitHub: https://github.com/dcloudio/uni-component/tree/alpha/uni_modules/uni-animation-view
:::
Lottie 动画
本 Component 是 uni ext component，需下载插件：animation-view
| Web | 微信小程序 | Android | iOS | HarmonyOS | HarmonyOS(Vapor) |
|---|---|---|---|---|---|
| <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | 3.9 | 4.11 | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | - |
标准基座并不包含本插件，下载插件后需编写调用代码并打包自定义基座才可运行。
| 名称 | 类型 | 默认值 | 兼容性 | 描述 |
|---|---|---|---|---|
| path | string | "" | Web: x; 微信小程序: x; Android: 3.9; iOS: 4.11; HarmonyOS: -; HarmonyOS(Vapor): - | 动画资源地址，目前只支持绝对路径 |
| loop | boolean | false | Web: x; 微信小程序: x; Android: 3.9; iOS: 4.11; HarmonyOS: -; HarmonyOS(Vapor): - | 动画是否循环播放 |
| autoplay | boolean | false | Web: x; 微信小程序: x; Android: 3.9; iOS: 4.11; HarmonyOS: -; HarmonyOS(Vapor): - | 动画是否自动播放 |
| action | string | "stop" | Web: x; 微信小程序: x; Android: 3.9; iOS: 4.11; HarmonyOS: -; HarmonyOS(Vapor): - | 动画操作，可取值 play、pause、stop |
| hidden | boolean | false | Web: x; 微信小程序: x; Android: 3.9; iOS: 4.11; HarmonyOS: -; HarmonyOS(Vapor): - | 是否隐藏动画 |
| @ended | (event: UniEvent) => void | - | Web: x; 微信小程序: x; Android: 3.9; iOS: 4.11; HarmonyOS: -; HarmonyOS(Vapor): - | - |
| 合法值 | 兼容性 | 描述 |
|---|---|---|
| play | Web: x; 微信小程序: x; Android: 3.9; iOS: 4.11; HarmonyOS: -; HarmonyOS(Vapor): - | 播放 |
| pause | Web: x; 微信小程序: x; Android: 3.9; iOS: 4.11; HarmonyOS: -; HarmonyOS(Vapor): - | 暂停 |
| stop | Web: x; 微信小程序: x; Android: 3.9; iOS: 4.11; HarmonyOS: -; HarmonyOS(Vapor): - | 停止 |
不可以嵌套组件