위 챗 애플 릿 의 swiper 구성 요소 에 대한 자세 한 설명

1362 단어 애플 릿swiper
위 챗 애플 릿 의 swiper 구성 요소
위 챗 애플 릿 의 swiper 구성 요 소 는 정말 간단 하고 편리 합 니 다.
페이지 에 있 는 그림 문자 등 미끄럼 효 과 를 제공 합 니 다.

<swiper>
  <swiper-item></swiper-item>
  <swiper-item></swiper-item>
  <swiper-item></swiper-item>
</swiper>
여기 가 바로 슬라이더 보기 용기 입 니 다.당신 이 미 끄 러 지 기 를 원 하 는 것 은 문자 일 수도 있 고 image 일 수도 있 습 니 다.
그 중에서 swiper 는 속성 이 많 습 니 다.있다
  • 속성 명                      기본 값                       역할
  • indicator-dots         false                         패 널 지시 점 표시 여부
  • indicator-color        rgba(0, 0, 0, .3)         지시 점 의 색상
  • indicator-active-color        #000000        현재 선 택 된 지시 점 색상
  • autoplay                  false                         자동 재생 여부
  • intervaly                  5000                         자동 전환 시간 간격 
  • 더 많은 속성 은 위 챗 애플 릿 공식 튜 토리 얼 을 볼 수 있 습 니 다.
    https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html
    여기 vertical="true"는 공식 문서 에서 언급 되 지 않 았 습 니 다.이것 은 위아래 로 미 끄 러 질 수 있다 고 정의 합 니 다.
    또 하 나 는 vertical="false"를 주의해 야 할 때 상하 로 미 끄 러 지 는 이 유 는 위 챗 애플 릿 이 해석 할 때"false"를 문자열 로 보고 문자열 이 비어 있 지 않 으 면 진짜 이기 때 문 입 니 다.그래서 우 리 는 이렇게 써 야 한다:vertical="{false}"
    읽 어 주 셔 서 감사합니다. 여러분 에 게 도움 이 되 기 를 바 랍 니 다.본 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

    좋은 웹페이지 즐겨찾기