k progress
1.5.0
Un plugin Vue, barre de progression linéaire.
Anglais | 简体中文
k-progress prend désormais en charge Vue3, vous pouvez trouver dans k-progress-v3 .
Et cela ne sera plus maintenu. Merci!
kracress
npm install -S k-progress
# or
yarn add k-progress // main.js
import KProgress from 'k-progress' ;
Vue . component ( 'k-progress' , KProgress ) ; | Attribut | Taper | Défaut | Facultatif | expliquer |
|---|---|---|---|---|
| pour cent | Nombre | 0 | 0-100 | Pourcentage (requis) |
| hauteur de ligne | Nombre | 6 | Hauteur de la barre de progression | |
| taper | Chaîne | line | line / lump | Type de barre de progression |
| statut | Chaîne | success / warning / error | Statut de la barre de progression | |
| couleur | String / Array / Fonction | Couleur de la barre de progression; Lors de l'utilisation Array , la limite est de 6; Lors de l'utilisation Function , l'argument est percent | ||
| flux de couleurs | Booléen | false | S'il faut permettre le flux de couleurs | |
| flux-seconde | Nombre | 5 | 1-6 | Le temps requis pour le flux, c'est-à-dire, plus le temps est petit, plus la vitesse |
| couleur bg | Chaîne | #ebeef5 | Code couleur | Couleur d'arrière-plan de la barre de progression |
| frontière | Booléen | true | Si arc | |
| texter | Booléen | true | S'il faut montrer le texte de la barre de progression | |
| format | Fonction | Affichage de texte personnalisé, le paramètre est percent | ||
| largeur coupée | Nombre | 1 | largeur de lump | |
| couleur coupée | Chaîne | #ebeef5 | Code couleur | couleur lump |
| actif | Booléen | false | S'il faut permettre des effets dynamiques | |
| couleur active | Chaîne | Couleur d'effet dynamique |
Changelog
Merci de l'utiliser, si vous trouvez des problèmes, bienvenue pour corriger!
Mit