• animation-view Lottie 动画
  • 属性说明
    • action 有效值
  • 示例
    • 代码示例 1：动画资源地址在本地，path 为相对路径
    • 代码示例 2：动画资源地址在服务器上存放
  • Bug & Tip

animation-view Lottie 动画

解释：仅支持 Lottie 动画的客户端原生组件，使用时请注意相关限制，动画资源地址可到 lottie 的官方库进行查询。Lottie 使用入门详见官方介绍；设计师精彩示例及动效文件详见设计社区。

创新互联建站成都网站建设按需求定制设计，是成都营销推广公司,为石凉亭提供网站建设服务,有成熟的网站定制合作流程，提供网站定制设计服务：原型图制作、网站创意设计、前端HTML5制作、后台程序开发等。成都网站营销推广热线：18982081108

属性说明

action 有效值

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

代码示例 1：动画资源地址在本地，path 为相对路径

• SWAN
• JS

 
 
 

  
  
  

  
  
  
 
  
  
  
 

  
  
  
 class="controls" 
  
  
  
 path="{{path}}" 
  
  
  
 loop="{{loop}}" 
  
  
  
 autoplay="{{autoplay}}" 
  
  
  
 action="{{action}}" 
  
  
  
 hidden="{{hidden}}" 
  
  
  
 bindended="lottieEnd">
  
  
  
 
  
  
  
 {{status}}lottie动画
  
  
  
 
  
  
  

 
 
 

 
 
 

  
  
  

  
  
  
 
  
  
  
 
  
  
  
 

  
  
  
 s-if="{{shouldShow}}" 
  
  
  
 class="controls" 
  
  
  
 path="{{path}}" 
  
  
  
 loop="{{loop}}" 
  
  
  
 autoplay="{{autoplay}}" 
  
  
  
 action="{{action}}" 
  
  
  
 hidden="{{hidden}}" 
  
  
  
 bindended="lottieEnd">
  
  
  
 
  
  
  
 
  
  
  
 {{status}}lottie动画