layui 中树形组件在页面左侧

您好，感谢您的提问。关于layui中树形组件在页面左侧的问题，您可以通过在HTML代码中使用layui的tree组件，然后在CSS样式中设置树形组件的位置为左侧来实现。

示例代码如下：

HTML代码：

<div class="layui-side">
  <div class="layui-side-scroll">
    <ul class="layui-nav layui-nav-tree" lay-filter="test">
      <li class="layui-nav-item layui-nav-itemed">
        <a href="javascript:;">一级菜单</a>
        <dl class="layui-nav-child">
          <dd><a href="javascript:;">二级菜单</a></dd>
        </dl>
      </li>
    </ul>
  </div>
</div>

CSS代码：

.layui-side {
  width: 200px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 999;
  border-right: 1px solid #e6e6e6;
  background-color: #f2f2f2;
}

.layui-nav-tree {
  margin: 10px 0;
  border: none;
  background-color: transparent;
}

.layui-nav-tree .layui-nav-item > a {
  font-size: 14px;
  color: #666;
  line-height: 36px;
}

.layui-nav-tree .layui-nav-itemed > a {
  background-color: #fff;
  color: #000;
}

.layui-nav-tree .layui-nav-child {
  margin-left: 10px;
}

以上代码可以实现在页面左侧显示一个包含树形组件的侧边栏。其中，通过设置.layui-side的样式实现侧边栏的位置和宽度，通过设置.layui-nav-tree的样式实现树形组件的样式和布局。注意，这只是一个示例，您可以根据实际需求进行修改。