mip-accordion 折叠节点

2018-11-07 17:29 更新

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以还原用户上次操作
必选项:是
类型:字符串

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号