uni-app中swiper组件无效果解决方案

今天，在写uni-app的代码过程中，发现swiper组件不起效果，出不来效果，查看官网发现是这个原因

自动宽高100%，都自动了，就不需要自己设置了
问题如下图所示：

解决方案：去掉自己设置的宽高100%就好了
代码如下：

<template>
  <view class="videoList">
    <view class="swiper-box">
      <swiper class="swiper" :vertical="true">
        <swiper-item class="swiper-item">
          <view>我是第一页</view>
        </swiper-item>
        <swiper-item  class="swiper-item">
          <view>我是第二页</view>
        </swiper-item>
        <swiper-item class="swiper-item">
          <view>我是第三页</view>
        </swiper-item>
      </swiper>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
    }
  },
  onLoad() {

  },
  methods: {

  },
  components: {

  }
}
</script>

<style>
.videoList {
  width: 100%;
  height: 100%;
}
</style>

成功如下图所示：

解决完这个问题心里直接感觉崩溃啊，害的我纠结半天