mip-accordion 用來支持在 mip折疊隱藏的節(jié)點(可記錄用戶上次行為)

示例

標題加內(nèi)容形式

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

標題加內(nèi)容形式-手動

默認展開的節(jié)點此時要加 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

說明：組件唯一標識符,用于區(qū)分同個頁面中多個mip-accordion以還原用戶上次操作
必選項：是
類型：字符串

type

說明：類型，區(qū)分自動根據(jù)session記錄展開節(jié)點（automatic），還是手動配置默認展開節(jié)點（manual）
必選項：否
類型：字符串
單位：無
取值：automatic, manual
默認值：automatic

expanded

說明：默認展開的 mip-accordion 子節(jié)點需要配置此屬性，只有在 mip-accordion 的 type 屬性值為 manual 時 才會生效
必選項：否
類型：字符串
單位：無
取值：無
默認值：無