Install editable target-correct components into your project.
Indicator
Demo
Indicator 跨端示例与演示
Dots
Lines
Basic Usage
vue
<template>
<VIndicator :total="3" :current="1" />
<VIndicator :total="3" :current="1" type="line" />
</template>Props
| Prop | Type | Default | Description |
|---|---|---|---|
total | number | 0 | Total indicators |
current | number | 0 | Active index, zero-based |
type | 'dot' | 'line' | 'dot' | Indicator type |
ariaLabel | string | '轮播进度' | Accessible name for the indicator navigation |
itemAriaLabel | string | '第 {index} 项,共 {total} 项' | Item label template with {index} and {total} |