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/07/10