이 글에서는 MIP의 접기 메뉴 구성요소를 주로 소개합니다.
MIP는 이전 글에서 mip의 carousel 컴포넌트와 inline 프레임 컴포넌트를 소개한 모바일 웹 가속기입니다. 이 섹션에서는 mip의 접이식 메뉴 구성 요소를 계속해서 소개합니다.
MIP의 접이식 메뉴 컴포넌트는 접이식 노드 컴포넌트라고도 불리며, 접이식 숨겨진 노드(사용자의 마지막 행동을 기록할 수 있음)입니다. 개인화된 구성 요소는 상호 작용, 통계 및 기타 요구 사항을 포함하여 특정 요구 사항을 충족하는 구성 요소입니다. 해당 JS 스크립트를 도입해야 합니다.
우리의 일상적인 mip 프로젝트 개발에서 접이식 메뉴 구성 요소는 비교적 일반적이고 많이 사용되는 구성 요소입니다.
레이블은 다음과 같이 표현됩니다.
사용 예:
<mip-accordion sessions-key="mip_1" animatetime='0.24'> <section> <h4>下拉第一个</h4> <p class="mip-accordion-content">我说你是人间的四月天;笑声点亮了四面风;轻灵在春的光艳中交舞着变。你是四月早天里的云烟,黄昏吹着风的软,星子在无意中闪,</p> </section> <section expanded="open"> <h4>下拉第二个</h4> <p>细雨点洒在花前。那轻,那娉婷,你是,鲜妍百花的冠冕你戴着,你是天真,庄严,你是夜夜的月圆。</p> </section> <section> <h4>下拉第三个</h4> <mip-img layout="responsive" width="400" height="200" src="" class="mip-accordion-content"></mip-img> </section></mip-accordion>
접이식 메뉴 구성 요소의 사용 효과는 다음과 같습니다.
여기서 제목을 동시에 클릭합니다. 시간과 내용이 동시에 표시됩니다. 물론, 우리는 이런 종류의 접기 메뉴 효과 이상의 것을 보았습니다. 제목이 여러 개 있는 경우 클릭한 콘텐츠는 하나만 표시될 수 있습니다. 즉,
노드 하나만 확장하거나 여러 중첩 등을 확장하도록 구성할 수 있습니다. . 밉 폴딩 메뉴 구성요소의 효과에 대한 자세한 내용은 "MIP 문서 매뉴얼"을 참조하는 것이 좋습니다.
이 글은 MIP의 접이식 메뉴 구성 요소에 대한 간략한 소개입니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다!
위 내용은 Mip의 접이식 메뉴 구성요소는 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!