밉-아코디언 축소 노드


mip-accordion은 mip 폴딩에서 숨겨진 노드를 지원하는 데 사용됩니다(사용자의 마지막 동작을 기록할 수 있음)

QQ截图20170204113558.png

Example

title plus content form

<mip-accordion sessions-key="mip_1">
    <section>
        <h4>下拉第一个</h4>
        <p>我说你是人间的四月天;笑声点亮了四面风;轻灵在春的光艳中交舞着变。你是四月早天里的云烟,黄昏吹着风的软,星子在无意中闪,</p>
    </section>
    <section>
        <h4>下拉第二个</h4>
        <p>细雨点洒在花前。那轻,那娉婷,你是,鲜妍百花的冠冕你戴着,你是天真,庄严,你是夜夜的月圆。</p>
    </section>
    <section>
        <h4>下拉第三个</h4>
        <mip-img layout="responsive" width="400" height="200" src="http://a2.att.hudong.com/71/04/300224654811132504044925945_950.jpg"></mip-img>
    </section>
</mip-accordion>

title plus content form-manual

기본 확장 노드 this expanded 속성

<mip-accordion sessions-key="mip_1" type="manual">
    <section>
        <h4>下拉第一个</h4>
        <p>我说你是人间的四月天;笑声点亮了四面风;轻灵在春的光艳中交舞着变。你是四月早天里的云烟,黄昏吹着风的软,星子在无意中闪,</p>
    </section>
    <section  expanded>
        <h4>下拉第二个</h4>
        <p>细雨点洒在花前。那轻,那娉婷,你是,鲜妍百花的冠冕你戴着,你是天真,庄严,你是夜夜的月圆。</p>
    </section>
    <section>
        <h4>下拉第三个</h4>
        <mip-img layout="responsive" width="400" height="200" src="http://a2.att.hudong.com/71/04/300224654811132504044925945_950.jpg"></mip-img>
    </section>
</mip-accordion>

제목 전환 양식을 추가할 때

<mip-accordion sessions-key="mip_2">
    <section>
        <h4>
          <span class="show-more">显示更多</span>
          <span class="show-less">收起</span>
          </h4>
        <p>显示显示收起收起显示显示收起收起显示显示收起收起显示显示收起收起</p>
      </section>
  </mip-accordion>

sessions-key

설명: 구성 요소의 고유 식별자는 사용자의 마지막 작업을 복원하기 위해 동일한 페이지에 있는 여러 밉 아코디언을 구별하는 데 사용됩니다.
필수 옵션: 예
유형 : String

type

설명: 유형을 입력하고 세션 기록을 기반으로 노드 자동 확장(자동) 또는 기본 확장 노드 수동 구성(수동)을 구별합니다.
필수 옵션: No
Type: String
Unit: None
Value :automatic , manual
기본값: automatic

expanded

설명: 기본적으로 확장된 mip-accordion 하위 노드는 이 속성을 구성해야 합니다. mip-accordion의 유형 속성 값이 manual
필수 옵션: 아니요
유형: 문자열
단위: 없음
값: 없음
기본값: 없음