• animation-view Lottie 動畫
  • 屬性說明
    • action 有效值
  • 示例
    • 代碼示例 1：動畫資源地址在本地，path 為相對路徑
    • 代碼示例 2：動畫資源地址在服務器上存放
  • Bug & Tip

animation-view Lottie 動畫

解釋：僅支持 Lottie 動畫的客戶端原生組件，使用時請注意相關限制，動畫資源地址可到 lottie 的官方庫進行查詢。Lottie 使用入門詳見官方介紹；設計師精彩示例及動效文件詳見設計社區(qū)。

創(chuàng)新互聯(lián)建站成都網站建設按需求定制設計，是成都營銷推廣公司,為石涼亭提供網站建設服務,有成熟的網站定制合作流程，提供網站定制設計服務：原型圖制作、網站創(chuàng)意設計、前端HTML5制作、后臺程序開發(fā)等。成都網站營銷推廣熱線：18982081108

屬性說明

action 有效值

示例

跳轉編輯工具

在開發(fā)者工具中打開

在 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動畫