이 글에서는 주로 WeChat Xiaocheng의 스와이퍼 구성 요소 사용을 소개하고 스와이퍼 구성 요소의 관련 속성을 사용하는 기술과 함께 이미지 캐러셀 전환 표시 기능을 구현하고 독자가 다운로드하여 참조할 수 있는 소스 코드도 함께 제공합니다.
이 기사의 예는 WeChat Xiaocheng이 swiper 구성 요소를 사용하여 이미지 캐러셀 전환 표시 기능을 구현하는 이야기를 보여줍니다. 참조를 위해 모든 사람과 공유하세요. 세부 사항은 다음과 같습니다.
Key code
index.wxml:
swiper 구성 요소 속성 설명은 다음과 같습니다.
속성 이름 | 유형 | 기본값 | Description | 최소 버전 |
---|---|---|---|---|
indicator-dots | Boolean | false | 패널 표시 점 표시 여부 | |
indicator-color | Color | rgba(0, 0, 0, .3) | 표시기 색상 | 1.1.0 |
indicator-active-color | Color | #000000 | 현재 선택된 표시점의 색상 | 1.1.0 |
autoplay | Boolean | false | 자동 전환 여부 | |
current | Number | 0 | 현재 페이지의 인덱스 | |
interval | Number | 5000 | 시간 간격 자동 전환 | |
duration | Number | 500 | 슬라이딩 애니메이션 지속 시간 | |
circular | Boolean | false | 커넥티드 슬라이딩 사용 여부 | |
Ol의 | OrTiCaltBoolean | false | 슬라이딩 방향은 세로방향 변화 | eventhandle |
현재 변화, event.detail = {Current: Current, Source: Source: Source: Source: source: source : source: source } | 위 내용은 제가 모두를 위해 정리한 내용입니다. 앞으로 모든 분들께 도움이 되길 바랍니다. Related Articles : ES6/JavaScript 사용 기술 (세부 튜토리얼) |
DJANGO HOW Vue 구문으로 충돌을 해결하려면
위 내용은 WeChat Mini 프로그램에서 스와이프 구성요소를 사용하여 이미지 표시를 전환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!