更新记录

1.0.1（2023-08-23）

更新说明

1.0.0（2023-08-23）

上线

平台兼容性

折叠组件

组件名：uv-collapsePanel 和衍生组件 uv-collapsePane-list

安装方式

本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。

uv-collapsePanel

以更加灵活的方式实现折叠功能，高度自定义

uv-collapsePane-list

小白直接使用的折叠组件，具有不限层级，方便使用等特点

有项目需要开发的请联系 QQ:371524845

开发不易，如果帮助到你的，请支持 有问题请留言，作者会积极更新

uv-collapsePanel 用法

  <collapse-panel title="父面板1">
      <p>父面板1的内容</p>
      <collapse-panel title="子面板1">
        <p>子面板1的内容</p>
        <collapse-panel title="子面板1">
          <p>子面板1的内容</p>
        </collapse-panel>
      </collapse-panel>
      <collapse-panel title="子面板2">
        <p>子面板2的内容</p>
      </collapse-panel>
   </collapse-panel>

API

参数

事件

uv-collapsePane-list 用法

<template>
    <div>
        <uv-collapsePane-list :list="list"></uv-collapsePane-list>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                list: [{
                    title: '第一章',
                    label: '比如：设计样式、图标和文本、元素的位置等。',
                    children: [{
                        title: '第一节',
                        label: '与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。',
                        children: [
                            {
                            title: '第一课时',
                            label: '一致一致一致一致一致一致',
                            children:[{
                                title: '第一课时上半章节',
                                label: '与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。',
                            },{
                                title: '第一课时下半章节',
                                label: '与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。',
                            }                               
                            ]
                        }]
                    }, {
                        title: '第二节',
                        label: '导航'
                    }]
                }, {
                    title: '第二章',
                    label: '组件'
                }]
            };
        }
    };
</script>

API

参数

事件