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

이 글에서는 주로 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>

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

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

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

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

indicatorId

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

width

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

indicator

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

layout

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

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