k progress
1.5.0
Плагин Vue, линейный панель хода.
Английский | 简体中文
k-progress теперь поддерживает VUE3, вы можете найти в k-progress-v3 .
И это больше не будет поддерживаться. Спасибо!
K-Progress
npm install -S k-progress
# or
yarn add k-progress // main.js
import KProgress from 'k-progress' ;
Vue . component ( 'k-progress' , KProgress ) ; | Атрибут | Тип | По умолчанию | Необязательный | объяснять |
|---|---|---|---|---|
| процент | Число | 0 | 0-100 | Процент (требуется) |
| линейная высота | Число | 6 | Прогресс -бара высота | |
| тип | Нить | line | line / lump | Прогресс тип бара |
| статус | Нить | success / warning / error | Статус бара прогресса | |
| цвет | Строка / массив / функция | Прогресс Бар Цвет; При использовании Array предел составляет 6; При использовании Function аргумент составляет percent | ||
| цветовой поток | Логический | false | Включить цветовой поток | |
| поток-второй | Число | 5 | 1-6 | Время, необходимое для потока, то есть чем меньше времени, чем быстрее скорость |
| BG-Color | Нить | #ebeef5 | Цветовой код | Прогресс фон фона |
| граница | Логический | true | Будь то дуга | |
| Show-Text | Логический | true | Показать текст стержня прогресса | |
| формат | Функция | Пользовательский текстовый дисплей, параметр percent | ||
| ширина | Число | 1 | ширина lump | |
| вырезок | Нить | #ebeef5 | Цветовой код | lump цвета |
| активный | Логический | false | Сообщить ли динамические эффекты | |
| активный цвет | Нить | Цвет динамического эффекта |
Изменение
Спасибо за использование, если вы найдете некоторые проблемы, добро пожаловать в исправление!
Грань