解决mintUI的swipe组件图片显示不了并延伸学习到了学习ui框架的方法

最近想写一个移动端的前端vue项目，mint-UI是比较符合的前端框，我本来准备用它的轮播图组件swiper，但是觉得官网上描述的太模糊的，然后搜搜搜，看了一个视频，上面说可以去github官网上搜索mint-UI项目把它下载下来，再找到其中的example文件夹，里面是各个组件的例子，可以将你要使用的组件复制到你的项目当中，再配置一下路由再在浏览器中输入路由地址或者是也可以直接在app组件中使用就可以看到效果了。

我把swipe组件下下来之后发现它还是只显示了文字，没有图片显示，通过将css样式中以下代码删除掉

@component-namespace page {
    @component swipe {
       }
  }

再在以下的代码

<mt-swipe :auto="4000">
      <mt-swipe-item class="slide1">1</mt-swipe-item>
      <mt-swipe-item class="slide2">2</mt-swipe-item>
      <mt-swipe-item class="slide3">3</mt-swipe-item>
    </mt-swipe>

的外部还要用一个div包裹并且要设置这个包裹div的宽高才能看到