layui.dtree 滚动条 美化

如果你想要美化 layui.dtree 的滚动条，可以使用第三方的滚动条插件，例如 PerfectScrollbar 或 SimpleBar。

首先，在页面中引入对应的滚动条插件的 CSS 和 JS 文件。然后，在 layui.dtree 的配置中，可以通过设置 `skin` 属性为 `layui-ext` 来启用扩展皮肤。最后在页面加载完成后，初始化滚动条插件即可。

以下是一个示例代码：

<!-- 引入 PerfectScrollbar 的 CSS 和 JS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/jquery.perfect-scrollbar/1.5.2/css/perfect-scrollbar.min.css">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.perfect-scrollbar/1.5.2/js/perfect-scrollbar.min.js"></script>

<!-- 引入 layui.dtree 的 CSS 和 JS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/layui/2.5.7/css/layui.min.css">
<script src="https://cdn.bootcdn.net/ajax/libs/layui/2.5.7/layui.min.js"></script>

<!-- 在 layui.dtree 的配置中设置 skin 为 layui-ext -->
<script>
layui.config({
  base: 'https://cdn.bootcdn.net/ajax/libs/layui-ext/0.5.3/'
}).extend({
  dtree: 'dtree/dtree'
});
layui.use(['dtree'], function() {
  var dtree = layui.dtree;
  dtree.render({
    elem: '#tree',
    skin: 'layui-ext', // 启用扩展皮肤
    data: [{
      title: '节点1',
      children: [{
        title: '子节点1'
      }, {
        title: '子节点2'
      }]
    }, {
      title: '节点2',
      children: [{
        title: '子节点3'
      }, {
        title: '子节点4'
      }]
    }]
  });
  
  // 初始化 PerfectScrollbar 插件
  $('#tree .dtree-tree').perfectScrollbar();
});
</script>

注意，这里的 `#tree` 是 layui.dtree 的容器元素，你需要根据自己的实际情况进行修改。另外，如果你使用的是 SimpleBar 插件，初始化代码类似，只需要将 `perfect-scrollbar` 改为 `simplebar` 即可。