开源软件名称：

开源软件地址：

开源软件介绍：

bin-lib

说明文档

介绍

为实现组织结构图，参考实现了一个简易版组织结构图，组件依赖于vue-org-tree，在此基础上将部分源代码进行优化修改，并将labelWidth更改成labelStyle以便暴露给外部全量的修改label样式。并附上使用测试案例和开发文档。

安装

CDN 安装

通过unpkg.com/bin-tree-org 可以看到最新版本的资源，也可以切换版本选择需要的资源，在页面上引入 js 和 css文件即可开始使用：

<!-- import Vue.js --><script src="https://cdn.jsdelivr.net/npm/vue"></script><!-- import bin-tree-org --><link href="https://unpkg.com/[email protected]/lib/style/style.css"><script src="https://unpkg.com/[email protected]/lib/index.min.js"></script>

@1.0.0 表示版本号，我们建议锁定版本号来保证代码的稳定性

npm 安装

推荐使用npm安装，它能更好地和webpack打包工具配合使用。而且可以更好的和es6配合使用。并且支持按需引入

npm i bin-tree-org -S# or yarn add bin-tree-org

如果您了解node.js、npm安装，并希望配合webpack使用，请阅读下一节：快速上手。

引入

在 main.js 中写入以下内容：

import Vue from 'vue'import BinOrgTree from 'bin-tree-org'Vue.use(BinOrgTree)

最新版本

相关链接

bin-ui