微信小程序手势滑动卡片 滑动后删除滑动卡片，然后第二张作为第一张

微信小程序中，实现手势滑动卡片并删除的功能通常需要结合`wx:for`指令以及`swipe`或者`swipe-right`这样的触摸事件监听器。以下是简要步骤：

1. 首先，在模板（wxml）文件里，创建一个列表（list），每个元素代表一张卡片，可以使用`<view>`标签包裹内容，并设置`wx:for="{{ items }}"`来遍历数据。

<swiper>
  <block wx:for="{{ items }}">
    <view class="card" bindSwipe="handleSwipe">
      <!-- 卡片内容 -->
    </view>
  </block>
</swiper>

2. 在对应的wxss文件中，给`.card`添加样式和触摸区域，例如允许水平滑动：

.card {
  /* 规定滑动手势的触发范围 */
  touch-action: pan-x;
}

3. 在js文件中，定义`handleSwipe(e)`函数来处理滑动事件。检测到向右滑动（`e.detail.direction === 'right'`）时，可以从数组`items`中移除当前卡片，然后更新数组以反映变化。

Page({
  data: {
    items: [
      // 初始化卡片列表
    ],
  },
  
  handleSwipe(e) {
    if (e.detail.direction === 'right') {
      const index = e.target.dataset.index; // 获取当前卡片索引
      this.setData({
        items: [...this.data.items.slice(0, index), ...this.data.items.slice(index + 1)],
      });
    }
  },
})

4. 当数组长度改变时，记得更新视图，以便新的卡片自动成为第一张。你可以使用`setData`后的`this.data.items`来更新页面显示。

注意：以上示例代码简化了部分细节，实际项目中可能还需要考虑动画效果、异常处理等情况。同时，请确保已引入微信小程序的相应API和组件。