mip-accordion 折叠节点详解

作者：袖梨 2022-06-29

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

示例

标题加内容形式

下拉第一个

我说你是人间的四月天；笑声点亮了四面风；轻灵在春的光艳中交舞着变。你是四月早天里的云烟，黄昏吹着风的软，星子在无意中闪，

下拉第二个

细雨点洒在花前。那轻，那娉婷，你是，鲜妍百花的冠冕你戴着，你是天真，庄严，你是夜夜的月圆。

下拉第三个

标题加内容形式-手动

默认展开的节点此时要加 expanded 属性

下拉第一个

我说你是人间的四月天；笑声点亮了四面风；轻灵在春的光艳中交舞着变。你是四月早天里的云烟，黄昏吹着风的软，星子在无意中闪，

下拉第二个

细雨点洒在花前。那轻，那娉婷，你是，鲜妍百花的冠冕你戴着，你是天真，庄严，你是夜夜的月圆。

下拉第三个

src="https://img.111com.net/get_pic/2016/12/17/20161217131228631.jpg">

标题切换形式

显示更多

收起

显示显示收起收起显示显示收起收起显示显示收起收起显示显示收起收起

属性

sessions-key

说明：组件唯一标识符,用于区分同个页面中多个mip-accordion以还原用户上次操作

必选项：是

类型：字符串

type

说明：类型，区分自动根据session记录展开节点（automatic），还是手动配置默认展开节点（manual）

必选项：否

类型：字符串

单位：无

取值：automatic, manual

默认值：automatic

expanded

说明：默认展开的 mip-accordion 子节点需要配置此属性，只有在 mip-accordion 的 type 属性值为 manual 时才会生效

必选项：否

类型：字符串

单位：无

取值：无

默认值：无

相关文章

精彩推荐