MIP ドキュメントマニュアル
/ mip-accordion 折疊節(jié)點(diǎn)
mip-accordion 折疊節(jié)點(diǎn)
mip-accordion 用來(lái)支持在 mip折疊隱藏的節(jié)點(diǎn)(可記錄用戶(hù)上次行為)
示例
標(biāo)題加內(nèi)容形式
<mip-accordion sessions-key="mip_1"> <section> <h4>下拉第一個(gè)</h4> <p>我說(shuō)你是人間的四月天;笑聲點(diǎn)亮了四面風(fēng);輕靈在春的光艷中交舞著變。你是四月早天里的云煙,黃昏吹著風(fēng)的軟,星子在無(wú)意中閃,</p> </section> <section> <h4>下拉第二個(gè)</h4> <p>細(xì)雨點(diǎn)灑在花前。那輕,那娉婷,你是,鮮妍百花的冠冕你戴著,你是天真,莊嚴(yán),你是夜夜的月圓。</p> </section> <section> <h4>下拉第三個(gè)</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>
標(biāo)題加內(nèi)容形式-手動(dòng)
默認(rèn)展開(kāi)的節(jié)點(diǎn)此時(shí)要加 expanded
屬性
<mip-accordion sessions-key="mip_1" type="manual"> <section> <h4>下拉第一個(gè)</h4> <p>我說(shuō)你是人間的四月天;笑聲點(diǎn)亮了四面風(fēng);輕靈在春的光艷中交舞著變。你是四月早天里的云煙,黃昏吹著風(fēng)的軟,星子在無(wú)意中閃,</p> </section> <section expanded> <h4>下拉第二個(gè)</h4> <p>細(xì)雨點(diǎn)灑在花前。那輕,那娉婷,你是,鮮妍百花的冠冕你戴著,你是天真,莊嚴(yán),你是夜夜的月圓。</p> </section> <section> <h4>下拉第三個(gè)</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>
標(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以還原用戶(hù)上次操作
必選項(xiàng):是
類(lèi)型:字符串
type
說(shuō)明:類(lèi)型,區(qū)分自動(dòng)根據(jù)session記錄展開(kāi)節(jié)點(diǎn)(automatic),還是手動(dòng)配置默認(rèn)展開(kāi)節(jié)點(diǎn)(manual)
必選項(xiàng):否
類(lèi)型:字符串
單位:無(wú)
取值:automatic, manual
默認(rèn)值:automatic
expanded
說(shuō)明:默認(rèn)展開(kāi)的 mip-accordion 子節(jié)點(diǎn)需要配置此屬性,只有在 mip-accordion 的 type 屬性值為 manual 時(shí) 才會(huì)生效
必選項(xiàng):否
類(lèi)型:字符串
單位:無(wú)
取值:無(wú)
默認(rèn)值:無(wú)