down-slider

down-slider 折叠面板

下拉折叠面板，用例参见 demo/down-slider.html

使用方法

import downSlider from '../../components/down-slider/down-slider.stml';
或者
import '../../components/down-slider/down-slider.stml';
</div>

代码示例

<down-slider :list="list"></down-slider>

API

props 属性

参数 说明 类型 默认值
list 面板列表数据 Array 无
└ title 面板标题 string 无
└ detail 面板内容 string 无
└ open 是否打开 Boolean false

list 数据格式示例

[{
    "id": 1,
    'open': true,
    "title": "标题一",
    "detail": "标题一内容，默认打开状态",
}, {
    "id": 2,
    "title": "标题二",
    "detail": "标题二内容，默认关闭",
}]

帮助说明

组件样式可直接修改components/down-slider/down-slider.stml文件即可

是否仍需要帮助？ 请保持联络！
最后更新于 2024/04/24