🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
### **关于进度条的使用说明** ### 用法: #### 实例化对象: * * * * * var my = new myFrame(); #### 直接调用该对象下的progressBar()函数: * * * * * my.progressBar({ 参数1:参数值1, 参数2:参数值2, ... }); #### 根据需要传入对应的参数: * * * * * //调用该对象下的progressBar()函数 my.progressBar({ //放置进度条的位置 "place":'#box', //进度条状态 "percentage":'50%', //进度条背景颜色 "bgColor":'red', //进度条圆角 "borderRadius":'5px', //进度条中的百分比颜色 "color": '#123456' }); #### 参数说明: * * * * * | 参数名称 | 参数值 | 默认值 | 其他 | | --- | --- | --- | --- | | place | 放置进度条的位置 | 默认值为body | | | percentage | 百分比 | 默认值50% | 当前进度条状态 | | bgColor | 表示颜色的英文或十六进制颜色值 | 默认值为#123456 | 进度条背景色 | | borderRadius | 任意整数值,单位为px | 默认值为30px | 表示进度条圆角 | | color | 表示颜色的英文或十六进制颜色值 | 默认值为#fff | 表示进度条中百分比的颜色 | ### 注意事项: 1. 参数place为必填项,值为放置进度条所在位置的id名; 2. 参数percentage值为进度条目前的进度,为百分比值,默认50%; ### 完整示例: * * * * * function txt(){ //实例化对象 var my = new myFrame(); //调用该对象下的progressBar()函数 my.progressBar({ //放置进度条的位置,必填项 "place":'#box', //进度条状态,默认50% "percentage":'50%', //进度条背景色,默认#123456 "bgColor":'red', //进度条圆角,默认30px "borderRadius":'5px', //进度条字体颜色,默认#123456 "color":'#123456' }) }