在vue中使用mint-ui swipe出现的是竖向的？

Question

在vue中引入swipe，出现的轮播图是竖向的，为什么不在一排排着，

<div class="banner">

    <mt-swipe :auto="4000">

      <mt-swipe-item>

          <a href="#">

            <img src="./1.png" alt="">

          </a>

      </mt-swipe-item>

      <mt-swipe-item>

        <a href="#">

          <img src="./3.jpg" alt="">

        </a>

      </mt-swipe-item>

      <mt-swipe-item>

        <a href="#">

          <img src="./4.jpg" alt="">

        </a>

      </mt-swipe-item>

    </mt-swipe>

</div>

<script>

  import Vue from 'vue'

  

  import { Swipe, SwipeItem } from 'mint-ui'

  Vue.component(Swipe.name, Swipe)

  Vue.component(SwipeItem.name, SwipeItem)

</script>

Answer 1

最近刚开始学Mint UI，踩了很多坑，swipe竖向显示的问题，我是导入了"mint-ui/lib/swipe/style.css"才解决了问题[悲伤.jpg]，官网上给的信息略少，对于新手来说是个忧伤的故事。