更新记录

1.0.0（2022-02-24） 下载此版本

1.0版本发布

平台兼容性

介绍

这是一个无限循环的tab选项，选中始终保持居中显示

在项目使用

将组件导入到项目中

<template>
    <view>
    <LoopTab
      :list="LoopTapList"
      @change="onLoopTab"
    />
    当前下标：{{LoopTabIndexs}}
  </view>
</template>
<script>
    import LoopTab from '@/components/longyc-looptab/index.vue'
  export default {
    components: {
      LoopTab
    },
    data(){
      return {
        LoopTabIndexs: 0,
        LoopTapList: [
          {
            label: '名称1'
          },
          {
            label: '名称2'
          },
          {
            label: '名称3'
          },
          {
            label: '名称4'
          },
          {
            label: '名称5'
          },
          {
            label: '名称6'
          }
        ]
      }
    },
    methods:{
            onLoopTab(e){
                this.LoopTabIndexs = e
            }
    }
  }
</script>

属性说明