k progress
1.5.0
Vueプラグイン、線形進行バー。
英語| 简体中文
k-progress Vue3をサポートするようになりました。K 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色 | 弦 | #ebeef5 | カラーコード | 進行中のバーの背景色 |
| 国境 | ブール | true | アークかどうか | |
| ショーテキスト | ブール | true | Progress Barテキストを表示するかどうか | |
| 形式 | 関数 | カスタムテキスト表示、パラメーターはpercentです | ||
| カット幅 | 番号 | 1 | lump幅 | |
| カットカラー | 弦 | #ebeef5 | カラーコード | lump色 |
| アクティブ | ブール | false | 動的効果を有効にするかどうか | |
| アクティブカラー | 弦 | 動的効果の色 |
Changelog
使用していただきありがとうございます。いくつかの問題が見つかったら、歓迎してください!
mit