vue mint swper

 

原文链接: vue mint swper

轮播图组件

属性说明，auto为0表示禁止自动播放

speed	动画持时（毫秒）	Number		300
auto	自动播放的时间间隔（毫秒）	Number		3000
defaultIndex	初始显示的轮播图的索引	Number		0
continuous	是否可以循环播放	Boolean		true
showIndicators	是否显示 indicators	Boolean		true
prevent	是否在 touchstart 事件触发时阻止事件的默认行为。设为 true 可提高运行在低版本安卓浏览器时的性能	Boolean		false
stopPropagation	是否在 touchstart 事件触发时阻止冒泡。

<template>
  <div class="page-swipe">

    <mt-swipe
      :auto="0"
      :defaultIndex="1"
    >
      <mt-swipe-item class="slide" v-for="i in 4" :key="i">{{i}}</mt-swipe-item>

    </mt-swipe>


  </div>
</template>

<style scoped>
  .page-swipe {
    width: 100%;
    height: 300px;
  }

  .slide {
    background: deepskyblue;
  }

</style>

 

来源：oschina

链接：https://my.oschina.net/u/2856757/blog/1787444