onespot组件文档库

# 分组组件

# 说明

两种模式。 第一种， 正常分组模式，第二种，自动播放， 设置切换时间

# 使用

# 基础使用

分组1
分组2
测试3
<template>
  <div>
    <div>
      <Ot-Groups
        :format="'normal'"
        :data="dateGroups"
        :defaultIndex="1"
        @GruopsChange="patrolTaskChange"
        ></Ot-Groups
      >
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dateGroups: ['分组1', '分组2', '测试3']
    }
  },
  methods: {
    patrolTaskChange() {
    }
  }
}
</script>
显示代码

# 自动切换

分组1
分组2
测试3
<template>
  <div>
    <div>
      <Ot-Groups
        :format="'normal'"
        :autoSwitch="true"
        :data="dateGroups"
        :defaultIndex="1"
        :switchTime="1000"
        @GruopsChange="patrolTaskChange"
      ></Ot-Groups>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dateGroups: ["分组1", "分组2", "测试3"],
    };
  },
  methods: {
    patrolTaskChange() {},
  },
};
</script>
显示代码

# 参数说明

参数 类型 可选 说明
defaultIndex Number 是 默认选中
data Array 是 显示内容 ['分组1', '分组2', '测试3']
switchTime Number 是 轮播时间
autoSwitch Boolean 是 自动切换
mode String 是 模式
format String 是 风格

← 弹窗 →