k progress
1.5.0
Plugin Vue, bilah kemajuan linier.
Bahasa Inggris | 简体中文
k-progress sekarang mendukung VUE3, Anda dapat menemukan di k-progress-v3 .
Dan ini tidak akan lagi dipertahankan. Terima kasih!
K-Progress
npm install -S k-progress
# or
yarn add k-progress // main.js
import KProgress from 'k-progress' ;
Vue . component ( 'k-progress' , KProgress ) ; | Atribut | Jenis | Bawaan | Opsional | menjelaskan |
|---|---|---|---|---|
| persen | Nomor | 0 | 0-100 | Persen (wajib) |
| tinggi garis | Nomor | 6 | Tinggi Bar Kemajuan | |
| jenis | Rangkaian | line | line / lump | Tipe batang kemajuan |
| status | Rangkaian | success / warning / error | Status batang kemajuan | |
| warna | String / array / fungsi | Kemajuan warna batang; Saat menggunakan Array , batasnya adalah 6; Saat menggunakan Function , argumennya adalah percent | ||
| aliran warna | Boolean | false | Apakah akan mengaktifkan aliran warna | |
| Aliran-kedua | Nomor | 5 | 1-6 | Waktu yang dibutuhkan untuk aliran, yaitu, semakin kecil waktu, semakin cepat kecepatan |
| BG-Color | Rangkaian | #ebeef5 | Kode warna | Warna latar belakang batang kemajuan |
| berbatasan | Boolean | true | Apakah arc | |
| pertunjukan-teks | Boolean | true | Apakah akan menunjukkan teks bilah kemajuan | |
| format | Fungsi | Tampilan teks khusus, parameter adalah percent | ||
| cut-width | Nomor | 1 | lebar lump | |
| cut-color | Rangkaian | #ebeef5 | Kode warna | warna lump |
| aktif | Boolean | false | Apakah akan mengaktifkan efek dinamis | |
| warna aktif | Rangkaian | Warna efek dinamis |
Changelog
Terima kasih telah menggunakan, jika Anda menemukan beberapa masalah, selamat datang untuk memperbaiki!
Mit