uniapp swiper组件中，如何设置swiper和swiper-item，使得 image 图片居中显示，高度指定margin-bottom

可以通过以下方式来实现：

1. 在 swiper-item 中添加一个容器 div，设置该容器 div 的高度和 margin-bottom，然后将 image 图片放入该容器中。

2. 设置 image 图片的样式，使其在容器 div 中居中显示。

具体代码如下：

<swiper>
  <swiper-item>
    <div style="height: 200px; margin-bottom: 20px;">
      <img src="image.jpg" style="display: block; margin: 0 auto; max-height: 100%; max-width: 100%;">
    </div>
  </swiper-item>
  <swiper-item>
    <div style="height: 200px; margin-bottom: 20px;">
      <img src="image.jpg" style="display: block; margin: 0 auto; max-height: 100%; max-width: 100%;">
    </div>
  </swiper-item>
  <swiper-item>
    <div style="height: 200px; margin-bottom: 20px;">
      <img src="image.jpg" style="display: block; margin: 0 auto; max-height: 100%; max-width: 100%;">
    </div>
  </swiper-item>
</swiper>

其中，height 和 margin-bottom 可以根据实际需求进行调整。img 标签中的样式设置可以实现图片在容器 div 中居中显示。