想增加一个 点击按钮切换下一张的功能，请问该如何操作

[xywai1993]

插件很流畅，很棒。 现在我需要增加一个 按钮 切换下一张的功能，看了源代码，不知道该如何下手，望指教

[ITsPro-CN]

想了一个不是很优雅的解决方案，给cardSwipe组件加一个manualStyle参数，然后添加一个manualSwipe函数：

manualSwipe(direction) {
  const coff = direction === 'right' ? 1 : -1
  //宽度不加100的话划出去的卡片会卡在边缘，这个可以根据实际情况适配
  this.setData({
    manualStyle: "transform: translate3d(" + coff * (this.data.contextWidth + 100) + "px, 0, " + this.data.current_z_index[this.data.current_cursor] + "px) rotate(" + coff * this.data.rotateDeg + "deg);"
  })
  this.nextCard({
    direction
  })
}

然后在nextCard函数中增加清除manualStyle的功能（setTimeout中的两个setData任选其一都可以，设置manualStyle为""）

在引入组件的页面，给组件增加一个id，然后可以使用以下代码手动滑卡片：

this.selectComponent('#id').manualSwipe(direction)

[xywai1993]

想了一个不是很优雅的解决方案，给cardSwipe组件加一个manualStyle参数，然后添加一个manualSwipe函数：

manualSwipe(direction) {
  const coff = direction === 'right' ? 1 : -1
  //宽度不加100的话划出去的卡片会卡在边缘，这个可以根据实际情况适配
  this.setData({
    manualStyle: "transform: translate3d(" + coff * (this.data.contextWidth + 100) + "px, 0, " + this.data.current_z_index[this.data.current_cursor] + "px) rotate(" + coff * this.data.rotateDeg + "deg);"
  })
  this.nextCard({
    direction
  })
}

然后在nextCard函数中增加清除manualStyle的功能（setTimeout中的两个setData任选其一都可以，设置manualStyle为""）

在引入组件的页面，给组件增加一个id，然后可以使用以下代码手动滑卡片：

this.selectComponent('#id').manualSwipe(direction)

感谢回复，但是我都忘了是哪个项目了，以及当时是怎么解决的了。 还是再次感谢