把可编辑、目标正确的组件源码安装进项目。
Indicator 指示器
演示
Indicator 跨端示例与演示
圆点
线条
基础用法
vue
<template>
<VIndicator :total="3" :current="1" />
<VIndicator :total="3" :current="1" type="line" />
</template>Props
| Prop | 类型 | 默认值 | 描述 |
|---|---|---|---|
total | number | 0 | 指示器总数 |
current | number | 0 | 当前索引,从 0 开始 |
type | 'dot' | 'line' | 'dot' | 指示器类型 |
ariaLabel | string | '轮播进度' | 指示器导航的无障碍名称 |
itemAriaLabel | string | '第 {index} 项,共 {total} 项' | 单项标签模板,支持 {index} 和 {total} |