Mip 캐러셀 구성 요소의 중요한 속성에 대한 설명

藏色散人
풀어 주다: 2018-11-03 16:23:45
원래의
5091명이 탐색했습니다.

이 글에서는 주로 MIP 캐러셀 컴포넌트의 중요한 속성을 소개합니다.

MIP, 모바일 웹 가속기. MIP 캐러셀 컴포넌트 소개에 대해서는 이전 기사에서 캐러셀 컴포넌트의 예를 들어 MIP 컴포넌트의 사용법을 소개했습니다. 그렇다면 이 간단한 캐러셀 컴포넌트 예시는

은 다중 이미지 캐러셀을 지원하는 MIP 방식의 이미지를 지원하는 데 사용되는 디스플레이를 나타냅니다. .

권장 참조 MIP 매뉴얼: "MIP Documentation Manual "

아래에서는 간단한 구성 요소 코드 예제를 결합하여 소개하겠습니다. MIP 캐러셀 차트의 중요한 속성입니다.

<mip-carousel
    autoplay
    defer="1000" 
    layout="responsive"
    width="600"
    height="400"
    indicator
    buttonController
    >
    <a target="_blank" href="http://www.php.cn">
        <mip-img src="你的图片地址" layout="responsive"  width="600" height="400"></mip-img>
        <div class="mip-carousle-subtitle">这里是标题</div>
    </a>
    <mip-img src="你的图片地址"></mip-img>
    <mip-img src="你的图片地址"></mip-img>
</mip-carousel>
로그인 후 복사

위 컴포넌트 코드에서 렌더링 효과는 다음과 같습니다.

Mip 캐러셀 구성 요소의 중요한 속성에 대한 설명

여기서 주목해야 할 중요한 속성 #🎜🎜 #

autoplayAttribute: 캐러셀 이미지가 자동으로 재생되는지 여부를 지정하는 데 사용됩니다. 이 속성이 없으면 캐러셀 이미지는 수동으로 클릭해야만 전환할 수 있습니다.

defer속성: 각 회전의 시간 간격을 나타냅니다. 자동 재생이 설정된 경우 지연을 추가하여 회전의 ​​시간 간격을 지정할 수 있습니다. #🎜 🎜 #

indicatorId

Attributes: 아래 표시기 함수 필드는 표시기의 상위 노드의 ID 값과 일치해야 합니다. 표시기 수와 캐러셀의 항목 수가 일치해야 합니다. 표시기 이 부분은 id에 대한 의존도가 높으며 스타일은 직접 수정할 수 있습니다. 예에서는 공식 기본 스타일이며 표시기를 클릭하여 찾을 수 있습니다.

width

height 속성: 각각 높이 및 너비 속성과 함께 설정된 이미지 비율을 나타냅니다. 실제 너비와 높이가 아닙니다.

indicator

속성: 위 그림 오른쪽 하단의 숫자와 같이 캐러셀에 표시되는 페이지 수를 설정합니다.

layout

값을 Response으로 설정하면 이미지가 조정될 수 있습니다.
이 글은 MIP 캐러셀 컴포넌트의 중요한 속성에 대한 소개입니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다!

위 내용은 Mip 캐러셀 구성 요소의 중요한 속성에 대한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿