mip-accordion 折疊節(jié)點(diǎn)

2018-11-07 17:29 更新

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

標(biāo)題內(nèi)容
類(lèi)型通用
支持布局responsive,fixed-height,fill,container,fixed
所需腳本https://mipcache.bdstatic.com/static/v1.2/mip-accordion.js

示例

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

<mip-accordion sessions-key="mip_1">
    <section>
        <h4>第一個(gè)</h4>
        <p>第一個(gè)第一個(gè)第一個(gè)</p>
      </section>
      <section>
        <h4>第二個(gè)</h4>
         <p>第二個(gè)第二個(gè)第二個(gè)</p>
      </section>
      <section>
        <h4>第三個(gè)第三個(gè)</h4>
        <mip-img layout = "responsive" width="400" height="200" src="xxx"></mip-img>
      </section>
  </mip-accordion>

標(biāo)題切換形式

<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

說(shuō)明:組件唯一標(biāo)識(shí)符,用于區(qū)分同個(gè)頁(yè)面中多個(gè)mip-accordion以還原用戶上次操作
必選項(xiàng):是
類(lèi)型:字符串

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)