uniapp swiper内容高度自适应

在使用uniapp的swiper组件时，可以使用`<swiper-item>`标签的`class`属性来设置每个swiper-item的样式，然后通过CSS来实现内容高度自适应。

例如，可以给`<swiper-item>`标签设置一个自定义的class名，如`swiper-item-content`，然后在CSS中给这个class设置`height: auto`，这样就可以让内容高度自适应了。

<swiper>
  <swiper-item>
    <div class="swiper-item-content">
      <!-- 内容 -->
    </div>
  </swiper-item>
  <swiper-item>
    <div class="swiper-item-content">
      <!-- 内容 -->
    </div>
  </swiper-item>
  ...
</swiper>

.swiper-item-content {
  height: auto;
}

如果内容高度不是很大，也可以直接使用`flex`布局来让内容自适应高度，如下所示：

<swiper>
  <swiper-item>
    <div class="swiper-item-content">
      <div class="content">
        <!-- 内容 -->
      </div>
    </div>
  </swiper-item>
  <swiper-item>
    <div class="swiper-item-content">
      <div class="content">
        <!-- 内容 -->
      </div>
    </div>
  </swiper-item>
  ...
</swiper>

.swiper-item-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.content {
  flex: 1;
}

这样，内容就可以自适应高度了。