codecamp

mip-accordion 折叠节点

mip-accordion 用来支持在 mip折叠隐藏的节点(可记录用户上次行为)

标题内容
类型通用
支持布局responsive,fixed-height,fill,container,fixed
所需脚本https://mipcache.bdstatic.com/static/v1.2/mip-accordion.js

示例

标题加内容形式

<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="xxx"></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

说明:组件唯一标识符,用于区分同个页面中多个mip-accordion以还原用户上次操作
必选项:是
类型:字符串

mip-video 视频
mip-anim 动图
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

MIP 帮助

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }