# 介绍

本组件是为了在微信小程序上使用树状图而开发，用CSS构建而成，所以体积很小，可以无限层级递归。目前仅能由上到下排列。用的是SCSS，里面的布局、形状都很好修改。只需要传入Data就可以实现递归。但是得自己去修改组件里面的渲染字段。

1.支持无限层级树状图  
2 .支持缩放、拖动视图  
3.支持点击事件(还未完成，自己去写，非常简单)  
4.SCSS绘制，无需其他插件，体积小  
5.扩展性强、自由度高

# 代码使用方法
只需要引入并加载 BuTingTree/BuTingTree.vue 就可以了
```javascript
// 调用代码
<template>
    <view>
        <BuTingTree
        :data="member">
    </BuTingTree>
</view>
</template>

<script>
    import BuTingTree from "@/components/BuTingTree/BuTingTree.vue"
    export default {
        components:{
            BuTingTree
        },
        data() {
            return {
                member:[]
            }
        }
    }
</script>
```

# 组件核心代码

![IMG](https://i.postimg.cc/CxY7Nf0y/QQ-20230323010632.png "可以自己修改渲染字段")

# 效果预览

![IMG](https://i.postimg.cc/cCnhDR6W/QQ-20230323005438.png "自己可以修改形状和外观")