mip-accordion collapse node


mip-accordion is used to support hidden nodes in mip folding (can record the user’s last behavior)

QQ截图20170204113558.png

Example

Title addition 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

The default expanded node must be added at this timeexpandedAttribute

<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>

Title switching form

<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

Description: The unique identifier of the component, used to distinguish multiple mip-accordions on the same page to restore the user's last operation
Required option: Yes
Type: String

type

Description: Type, distinguishes between automatically expanding nodes based on session records (automatic), or manually configuring default expansion nodes (manual)
Required option: No
Type : String
Unit: None
Values: automatic, manual
Default value: automatic

expanded

Description: The default expanded mip-accordion sub-node needs to be configured This attribute will only take effect when the type attribute value of mip-accordion is manual
Required option: No
Type: String
Unit: None
Value: None
Default value :none