更新记录

2.3.1（2023-04-18）

修复bug，添加插件示例

1.3.5（2023-04-12）

完成第一版

平台兼容性

组件说明（暂不支持vue3）

基于Uniapp中开发，可支持多个平台,传入v-model参数即可实现折叠面板。

参数说明

base-collapse组件

base-collapse-item组件

使用实例

index.vue

<template>
        <basic-collapse v-model="value">
            <basic-collapse-item v-for="item in list" :key="item.name" :name="item.name" :title="item.title">
                <view>{{ item.content }}</view>
            </basic-collapse-item>
        </basic-collapse>
</template>

<script>
import BasicCollapse from '@/pages/components/basic-collapse/basic-collapse.vue';
import BasicCollapseItem from '@/pages/components/basic-collapse/basic-collapse-item.vue';
export default {
    components: { BasicCollapse, BasicCollapseItem },
    data() {
        return {
            value: ['1'],
            list: [
                {
                    name: '1',
                    title: '标题一',
                    content: ['落霞与孤鹜齐飞，秋水共长天一色']
                },
                {
                    name: '2',
                    title: '标题二',
                    content: ['我本将心向明月，奈何明月照沟渠']
                },
                {
                    name: '3',
                    title: '标题三',
                    content: ['闪电五连鞭']
                }
            ]
        };
    },
};
</script>

<style lang="scss"></style>

打赏

如果你觉得本插件，解决了你的问题，可以请作者喝杯咖啡