Mint UI 之 Swipe 组件

#为什么不显示内容?

一定要指定 mt-swipe 元素的宽和高。

<mt-swipe :auto="4000" class="swipe">
<mt-swipe-item>
<img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=181984644,1074530267&fm=27&gp=0.jpg" alt="" class="img-responsive">
</mt-swipe-item>
<mt-swipe-item>
<img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=4287456799,3812806236&fm=27&gp=0.jpg" alt="" class="img-responsive">
</mt-swipe-item>
<mt-swipe-item>
<img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2444854133,1372383332&fm=27&gp=0.jpg" alt="" class="img-responsive">
</mt-swipe-item>
<mt-swipe-item>
<img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=497654548,4193375113&fm=27&gp=0.jpg" alt="" class="img-responsive">
</mt-swipe-item>
</mt-swipe>

<style scoped>
.swipe {
width: 100%;
height: 200px;
}
</style>

posted on 2018-02-01 13:44  刘应杰  阅读(652)  评论(0编辑  收藏  举报

导航