可以帮我写一个微信小程序顶部导航栏的滑动切换代码

当然可以，以下是一个简单的微信小程序顶部导航栏的滑动切换代码：

wxml 文件：

<view class="nav">
  <view class="nav-item {{currentTab == 0 ? 'active' : ''}}" bindtap="switchTab" data-index="0">Tab 1</view>
  <view class="nav-item {{currentTab == 1 ? 'active' : ''}}" bindtap="switchTab" data-index="1">Tab 2</view>
  <view class="nav-item {{currentTab == 2 ? 'active' : ''}}" bindtap="switchTab" data-index="2">Tab 3</view>
</view>

<view class="content">
  <view class="tab {{currentTab == 0 ? 'active' : ''}}">Tab 1 Content</view>
  <view class="tab {{currentTab == 1 ? 'active' : ''}}">Tab 2 Content</view>
  <view class="tab {{currentTab == 2 ? 'active' : ''}}">Tab 3 Content</view>
</view>

wxss 文件：

.nav {
  display: flex;
  justify-content: space-between;
  padding: 10rpx;
  background-color: #fff;
}

.nav-item {
  font-size: 28rpx;
  color: #999;
  cursor: pointer;
}

.nav-item.active {
  color: #333;
  border-bottom: 2rpx solid #333;
}

.content {
  padding: 20rpx;
}

.tab {
  display: none;
}

.tab.active {
  display: block;
}

js 文件：

Page({
  data: {
    currentTab: 0
  },
  switchTab: function(e) {
    this.setData({
      currentTab: e.currentTarget.dataset.index
    });
  }
});

这个代码实现了一个简单的顶部导航栏，用户可以通过点击不同的导航栏项来切换不同的内容。