更新记录

1.0.2（2022-01-23） 下载此版本

1、兼容nvue； 2、新增打开时图标旋转效果； 3、新增默认标题文字颜色和背景色的设置； 4、新增内容区域背景色设置； 5、新增show、hide、clickhandler方法；

1.0.1（2021-07-19） 下载此版本

1.增加标题插槽； 2.增加面板打开时标题的颜色设置； 3.增加控制标题下边框的出现；

1.0.0（2021-07-18） 下载此版本

首次上传

平台兼容性

uni-app

折叠面板-手风琴collapse

使用说明

插槽

注：

1、如果内容有更新，可以使用this.$refs.collapse.init()重置内容高度；

2、disabled为true时，无论show怎么设置，内容一样不会显示；

例子

<template>
    <view>
        <n-collapse :content="num" @show="show" @hide="hide"></n-collapse>
        <n-collapse :content="num" show @show="show" @hide="hide"></n-collapse>
        <n-collapse disabled @clickHandler="clickHandler"></n-collapse>
        <view class="test">
            <n-collapse :content="num" borderRadius="18" boxShadow @show="show" @hide="hide"></n-collapse>
        </view>
        <n-collapse :content="num" show :contentStyle="contentStyle" @show="show" @hide="hide"></n-collapse>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                num: 10,
                contentStyle: {
                    color: 'red',
                    fontSize: '60px'
                }
            }
        },
        methods: {
            show(e) {
                console.log(e);
            },
            hide(e) {
                console.log(e);
            },
            clickHandler(e) {
                console.log(e);
            }
        }
    }
</script>

<style>
    .test {
        padding: 32rpx;
    }
</style>