slide-box 滑动容器

slide-box 是一个支持左右滑动切换索引的容器组件。

基础用法

<template>
  <slide-box 
    :value="currentIndex" 
    :maxIndex="2" 
    @change="onChange"
  >
    <view>当前索引: {{ currentIndex }}</view>
  </slide-box>
</template>

<script>
export default {
  data() {
    return {
      currentIndex: 0
    }
  },
  methods: {
    onChange(e) {
      this.currentIndex = e.index;
    }
  }
}
</script>

Props

参数	说明	类型	默认值
value	当前索引	Number	0
maxIndex	最大索引值	Number	1
distance	触发滑动的最小距离	Number	100

Events

事件名	说明	回调参数
change	索引改变时触发	(detail: { index: Number })