安装 | eleTree2.0

# 安装

# npm 安装

推荐使用 npm 的方式安装，它能更好地和 webpack (opens new window) 打包工具配合使用。

npm install eletree -D

# CDN

目前可以通过该地址 (opens new window) 获取到最新版本的资源，下载到本地之后，在页面上引入 js 文件即可开始使用。

<!-- js文件 -->
<script src="//unpkg.com/eletree/dist/eleTree.js"></script>
<!-- 加载字体文件样式 -->
<link rel="stylesheet" href="//unpkg.com/eletree/dist/css/icon.css"></script>
<!-- 使用图片地址 -->
imgUrl: "//unpkg.com/eletree/dist/images/"

1
2
3
4
5
6

# layui

首先把获取到的js文件放到layui自定义插件目录下，例如mymodules文件夹下

layui.config({
    base: 'mymodules的路径'
}).use(['eleTree'], function(){
    var eleTree = layui.eleTree;
    eleTree({/*...*/})
});

1
2
3
4
5
6

# 在线测试

通过 CDN 的方式我们可以很容易地使用 eleTree 写出一个页面。在线演示 (opens new window)

快速开始 →