web-africa-h5/components/BuTing-Tree

介绍

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

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

代码使用方法

只需要引入并加载 BuTingTree/BuTingTree.vue 就可以了

// 调用代码
<template>
    <view>
        <BuTingTree
        :data="member">
    </BuTingTree>
</view>
</template>

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

组件核心代码

效果预览