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 | سواء لتمكين التأثيرات الديناميكية | |
| اللون النشط | خيط | لون التأثير الديناميكي |
Changelog
شكرًا لك على استخدام ، إذا وجدت بعض المشكلات ، مرحبًا بك في التصحيح!
معهد ماساتشوستس للتكنولوجيا
