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
感谢您使用,如果您发现一些问题,欢迎您纠正!
麻省理工学院