微信小程序tabs滑动

实现微信小程序的 tabs 滑动效果，可以使用 `swiper` 组件。具体步骤如下：

1. 在 `wxml` 文件中，使用 `swiper` 组件，设置 `indicator-dots` 为 `false`，`current` 为当前选中的 tab 索引，`duration` 为切换动画时间。

<swiper indicator-dots="false" current="{{current}}" duration="{{duration}}" bindchange="swiperTab">
  <swiper-item>
    <!-- 第一个 tab 的内容 -->
  </swiper-item>
  <swiper-item>
    <!-- 第二个 tab 的内容 -->
  </swiper-item>
  <swiper-item>
    <!-- 第三个 tab 的内容 -->
  </swiper-item>
</swiper>

2. 在 `js` 文件中，定义 `current` 和 `duration` 变量，以及 `swiperTab` 函数。`swiperTab` 函数用于监听 tab 切换事件，更新 `current` 变量的值。

Page({
  data: {
    current: 0,
    duration: 500
  },
  swiperTab: function(e) {
    this.setData({
      current: e.detail.current
    });
  }
})

3. 在 `wxss` 文件中，设置 `swiper` 组件的高度和宽度，以及选中 tab 的样式。

swiper {
  height: 100%;
  width: 100%;
}
swiper-item {
  height: 100%;
}
.swiper-selected {
  color: #333;
  font-weight: bold;
}

以上就是实现微信小程序 tabs 滑动效果的基本步骤。