이 글에서는 주로 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속성: 각 회전의 시간 간격을 나타냅니다. 자동 재생이 설정된 경우 지연을 추가하여 회전의 시간 간격을 지정할 수 있습니다. #🎜 🎜 #
indicatorIdAttributes: 아래 표시기 함수 필드는 표시기의 상위 노드의 ID 값과 일치해야 합니다. 표시기 수와 캐러셀의 항목 수가 일치해야 합니다. 표시기 이 부분은 id에 대한 의존도가 높으며 스타일은 직접 수정할 수 있습니다. 예에서는 공식 기본 스타일이며 표시기를 클릭하여 찾을 수 있습니다.
width및 height 속성: 각각 높이 및 너비 속성과 함께 설정된 이미지 비율을 나타냅니다. 실제 너비와 높이가 아닙니다.
indicator속성: 위 그림 오른쪽 하단의 숫자와 같이 캐러셀에 표시되는 페이지 수를 설정합니다.
layout 값을 Response으로 설정하면 이미지가 조정될 수 있습니다.
이 글은 MIP 캐러셀 컴포넌트의 중요한 속성에 대한 소개입니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다!
위 내용은 Mip 캐러셀 구성 요소의 중요한 속성에 대한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!