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彩色 | 細繩 | #ebeef5 | 顏色代碼 | 進度欄背景顏色 |
| 邊界 | 布爾 | true | 是否弧 | |
| 顯示文本 | 布爾 | true | 是否顯示進度欄文本 | |
| 格式 | 功能 | 自定義文本顯示,參數為percent | ||
| 割寬 | 數字 | 1 | lump寬度 | |
| 彩色 | 細繩 | #ebeef5 | 顏色代碼 | lump顏色 |
| 積極的 | 布爾 | false | 是否啟用動態效果 | |
| 活性色 | 細繩 | 動態效果顏色 |
ChangElog
感謝您使用,如果您發現一些問題,歡迎您糾正!
麻省理工學院