小程序实现无限级树形菜单

要实现无限级树形菜单，可以使用小程序中的 `wxml` 和 `js` 来完成。

1. 在 `wxml` 中定义一个递归组件，用于渲染树形菜单的节点。

<!-- tree-item.wxml -->
<template name="tree-item">
  <view class="tree-item">
    <view class="tree-item-label">{{node.label}}</view>
    <view class="tree-item-children">
      <block wx:if="{{node.children}}">
        <template wx:for="{{node.children}}" wx:key="id">
          <template is="tree-item" data="{{node: item}}"></template>
        </template>
      </block>
    </view>
  </view>
</template>

2. 在 `js` 中定义数据，例如：

// tree.js
Page({
  data: {
    treeData: [
      {
        id: 1,
        label: '节点 1',
        children: [
          {
            id: 2,
            label: '节点 1-1',
            children: [
              {
                id: 3,
                label: '节点 1-1-1',
                children: []
              }
            ]
          },
          {
            id: 4,
            label: '节点 1-2',
            children: []
          }
        ]
      },
      {
        id: 5,
        label: '节点 2',
        children: []
      }
    ]
  }
})

3. 在 `wxml` 中使用递归组件渲染树形菜单。

<!-- index.wxml -->
<scroll-view scroll-y>
  <template is="tree-item" data="{{node: {children: treeData}}}" />
</scroll-view>

这样就可以实现一个简单的无限级树形菜单了。当然，还可以对样式进行进一步的美化和优化。