touchMove.wxs

var touchstartX
// 滑动开始
function handlestart(e) {
  touchstartX = e.changedTouches[0].clientX //开始时的位置
}
// 滑动结束
function handlend(e, ownerInstance) {
  touchendX = e.changedTouches[0].clientX //结束时的位置
  var movecout = touchendX - touchstartX //负数向左滑动  反之..
  // 判断滑动方向  -1后退（向右） 0 不动 1 前进
  var movenum = 0
  if (movecout < 0 && movecout < -70) { //前进
    movenum = 1
  }
  if (movecout > 0 && movecout > 70) { //后退
    movenum = -1
  }
  if (movenum !== 0) {
    // 调用引用该wxs的组件的方法
    ownerInstance.callMethod('handlendmove', {
      movenum: movenum
    })
  }
}

module.exports = {
  handlestart: handlestart,
  handlend: handlend
}
/////////////////////////////////////////////////////////
tabs>index.js
Component({
  options: {
    multipleSlots: true
  },
  properties: {
    tabs: {
      type: Array,
      value: []
    }
  },
  data: {
    tabnum: 0,
  },
  methods: {
    handeltab: function (e) {
      const index = e.currentTarget.dataset.index
      this.setData({
        tabnum: index
      })
      this.triggerEvent('change', {index})
    },
      // wxs滑动
      handlendmove:function(e){
        console.log(e)
      }
   
  }
})
///////////////////////////////////////////
index.wxml
<wxs src="../../common/wxs/touchMove.wxs" module="touch"></wxs>
<view class="container">
  <view class="tabs">
    <view class="tab-item" wx:for="{{tabs}}" wx:key="index">
      <view class="tab-tabl {{tabnum === index?'active-tab':''}}" wx:key="index" data-index="{{index}}"
        bindtap="handeltab">{{item}}</view>
      <view wx:if="{{tabnum === index}}" class="divider"></view>
    </view>
  </view>
    <!-- 滑块 -->
    <view>
     <slot name="category"></slot>
    </view>
  <!-- 内容 -->
  <view bind:touchstart="{{touch.handlestart}} " bind:touchend="{{touch.handlend}} ">
    <slot name="panel"></slot>
  </view>
</view>