k progress
1.5.0
ปลั๊กอิน Vue, แถบความคืบหน้าเชิงเส้น
ภาษาอังกฤษ | 简体中文
k-progress รองรับ Vue3 คุณสามารถค้นหาได้ใน k-progress-v3
และสิ่งนี้จะไม่ได้รับการดูแลอีกต่อไป ขอบคุณ!
K-rogress
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 | ไม่ว่าจะเป็นส่วนโค้ง | |
| ข้อความแสดงข้อความ | บูลีน | true | ไม่ว่าจะแสดงข้อความแถบความคืบหน้า | |
| รูปแบบ | การทำงาน | การแสดงข้อความที่กำหนดเองพารามิเตอร์เป็น percent | ||
| ความกว้าง | ตัวเลข | 1 | ความกว้างของ lump | |
| ตัดสี | สาย | #ebeef5 | รหัสสี | สี lump |
| คล่องแคล่ว | บูลีน | false | ไม่ว่าจะเปิดใช้งานเอฟเฟกต์แบบไดนามิก | |
| สีที่ใช้งาน | สาย | สีเอฟเฟกต์แบบไดนามิก |
การเปลี่ยนแปลง
ขอบคุณที่ใช้ถ้าคุณพบปัญหายินดีต้อนรับเพื่อแก้ไข!
มิกซ์
