微信小程序实现二级导航条

要在微信小程序中实现二级导航条，可以使用 `scroll-view` 和 `swiper` 组件来实现。下面是一种实现方式：

1. 在页面的 `.json` 文件中定义一个数组，保存一级导航和对应的二级导航：

{
  "navigationList": [
    {
      "name": "一级导航1",
      "subList": [
        { "name": "二级导航1-1" },
        { "name": "二级导航1-2" },
        { "name": "二级导航1-3" }
      ]
    },
    {
      "name": "一级导航2",
      "subList": [
        { "name": "二级导航2-1" },
        { "name": "二级导航2-2" },
        { "name": "二级导航2-3" }
      ]
    }
  ]
}

2. 在页面的 `.wxml` 文件中，使用 `scroll-view` 组件来实现一级导航的滚动效果，并使用 `swiper` 组件来实现二级导航的滑动效果：

<scroll-view scroll-x class="nav">
  <view wx:for="{{navigationList}}" wx:key="index" class="nav-item" 
    data-index="{{index}}" bindtap="handleNavTap">
    {{item.name}}
  </view>
</scroll-view>

<swiper class="sub-nav" current="{{currentNavIndex}}" duration="300">
  <swiper-item wx:for="{{subNavigationList}}" wx:key="index">
    <view wx:for="{{item.subList}}" wx:key="index" class="sub-nav-item">
      {{item.name}}
    </view>
  </swiper-item>
</swiper>

3. 在页面的 `.js` 文件中，根据一级导航的点击事件，更新当前展示的二级导航：

Page({
  data: {
    navigationList: [...],
    subNavigationList: [],
    currentNavIndex: 0
  },

  onLoad: function () {
    this.updateSubNavigationList(0);
  },

  handleNavTap: function (e) {
    const index = e.currentTarget.dataset.index;
    this.setData({
      currentNavIndex: index
    });
    this.updateSubNavigationList(index);
  },

  updateSubNavigationList: function (index) {
    const subList = this.data.navigationList[index].subList;
    this.setData({
      subNavigationList: [{ subList }]
    });
  }
})

以上是一种简单的实现方式，你可以根据自己的需求进行修改和优化。