k progress
1.5.0
Un complemento VUE, barra de progreso lineal.
Inglés | 简体中文
k-progress ahora admite Vue3, puede encontrar en k-progress-v3 .
Y esto ya no se mantendrá. ¡Gracias!
K-progreso
npm install -S k-progress
# or
yarn add k-progress // main.js
import KProgress from 'k-progress' ;
Vue . component ( 'k-progress' , KProgress ) ; | Atributo | Tipo | Por defecto | Opcional | explicar |
|---|---|---|---|---|
| por ciento | Número | 0 | 0-100 | Porcentaje (requerido) |
| altura de la línea | Número | 6 | Altura de la barra de progreso | |
| tipo | Cadena | line | line / lump | Tipo de barra de progreso |
| estado | Cadena | success / warning / error | Estado de la barra de progreso | |
| color | String / array / function | Color de la barra de progreso; Al usar Array , el límite es 6; Al usar Function , el argumento es percent | ||
| flujo de color | Booleano | false | Si habilitar el flujo de color | |
| segundo de flujo | Número | 5 | 1-6 | El tiempo requerido para el flujo, es decir, cuanto menor sea el tiempo, más rápido es la velocidad |
| color de bg | Cadena | #ebeef5 | Código de colores | Color de fondo de la barra de progreso |
| borde | Booleano | true | Si arco | |
| texto de exhibición | Booleano | true | Si mostrar el texto de la barra de progreso | |
| formato | Función | Pantalla de texto personalizada, el parámetro es percent | ||
| ancho de corte | Número | 1 | ancho de lump | |
| color de corte | Cadena | #ebeef5 | Código de colores | color lump |
| activo | Booleano | false | Si habilita los efectos dinámicos | |
| color activo | Cadena | Color de efecto dinámico |
Colegio de cambios
Gracias por usar, si encuentra algunos problemas, ¡bienvenidos para corregir!
MIT