로딩 구성 요소를 사용하여 WeChat 애플릿에서 로딩 애니메이션을 표시하는 방법

이 글에서는 로딩 애니메이션을 표시하기 위한 WeChat 애플릿 로딩 구성 요소의 사용법을 주로 소개하고, 로딩 애니메이션을 예시 형태로 표시하기 위한 로딩 구성 요소의 관련 이벤트 동작 및 속성 설정 기술을 분석합니다. 독자들이 다운로드할 수 있는 소스 코드도 함께 제공됩니다. 참고용으로 필요한 친구는 참고용

이 문서에서는 WeChat 애플릿 로딩 구성 요소를 사용하여 로딩 애니메이션을 표시하는 방법을 설명합니다. 다음과 같이 참고할 수 있도록 모든 사람과 공유하세요.

Key code

① index.wxml

<loading hidden="{{loadingHidden}}">
 加载中...
</loading>
<button type="default" bindtap="loadingTap">点击弹出loading</button>

② index.js

Page({
  data: {
    loadingHidden: true
  },
  loadingTap: function(){
    this.setData({
     loadingHidden: false
    });
    var that = this;
    setTimeout(function(){
     that.setData({
       loadingHidden: true
     });
     that.update();
    }, 3000);
  }
})

위 내용은 모두에게 도움이 되기를 바랍니다. 미래에.

관련 기사:

vue를 사용하여 원활한 스크롤 구성 요소를 구현하는 방법

knockoutjs에서 Flux를 구현하는 방법

프런트 엔드 범용 데이터 시뮬레이션 프레임워크를 구축하는 방법(자세한 튜토리얼)

In WeChat 애플릿 이미지 업로드와 같은 일련의 기능을 구현하는 방법

Webpack의 자동화된 구성에 대해(자세한 튜토리얼)

JavaScript의 null 및 false 값에 대해

JavaScript에서 발생하는 버그

WeChat 미니 프로그램에서 페이지 이동 및 값 전송을 구현하는 방법

위 내용은 로딩 구성 요소를 사용하여 WeChat 애플릿에서 로딩 애니메이션을 표시하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!