zhgdyunapp/uni_modules/liu-folding-panel

liu-folding-panel适用于uni-app项目的二级树形折叠面板组件

本组件目前兼容微信小程序、H5

本组件支持自定义二级树形折叠面板，可以折叠/展开的内容区域

--- 扫码预览、关注我们 ---

扫码关注公众号，查看更多插件信息，预览插件效果！

使用示例

<template>
	<view class="page-main">
		<liu-folding-panel :dataList="dataList" @change="change"></liu-folding-panel>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataList: [{
					name: '一级标题',
					childs: [{
						name: '二级标题'
					}, {
						name: '二级标题'
					}, {
						name: '二级标题'
					}]
				}, {
					name: '一级标题',
					childs: [{
						name: '二级标题'
					}, {
						name: '二级标题'
					}, {
						name: '二级标题'
					}]
				}]
			}
		},
		methods: {
			change(e) {
				console.log('点击二级信息:' + JSON.stringify(e))
			}
		}
	}
</script>

属性说明

名称	类型	默认值	描述
dataList	Array		数据源
img1	String		一级列表图标
img2	String		二级列表图标
@change	Function		点击二级信息回调事件