微信小程序van-swipe-cell怎样实现右边两个

微信小程序中，`van-swipe-cell`组件是 vant 组件库中用于滑动切换内容的卡片样式单元，如果你想在右侧显示两个元素，你可以通过调整其布局来实现。`van-swipe-cell`默认支持左右滑动切换，但如果你需要定制化展示，可以尝试以下步骤：

1. 首先，在你的 WXML 文件中，确保已经引入了 `vant` 的 swipe 组件库：

   <import src=" vant/swipe/swipe-cell.vue" />

2. 使用 `<van-swipe>` 组件包裹你的内容，它包含多个 `<van-swipe-cell>` 子项，例如：

   <van-swipe>
     <van-swipe-cell>
       <!-- 第一个元素 -->
     </van-swipe-cell>
     <van-swipe-cell class="custom-right">
       <!-- 右侧第一个元素 -->
     </van-swipe-cell>
     <van-swipe-cell>
       <!-- 第二个元素 -->
     </van-swipe-cell>
     <van-swipe-cell class="custom-right">
       <!-- 右侧第二个元素 -->
     </van-swipe-cell>
   </van-swipe>

3. 对右侧的 `van-swipe-cell` 加上额外的 CSS 类，如 `.custom-right`，并为其设置宽度，比如 `width: 50%` 或者自适应宽度，使其占据另一半空间：

   .custom-right {
     width: 50%;
     /* 或者设置为百分比或其他适合的方式 */
   }

4. 如果你需要动态控制右侧元素的显示隐藏，可以通过 JavaScript 或者数据绑定的方式来控制每个 cell 的 `display` 属性。

注意，如果你希望右侧有两个独立的内容区域，并非连续显示，那么可能需要结合其他布局组件或者自定义组件来实现。