更新记录
1.0.0(2023-09-10) 下载此版本
1.0.0
- 新增进度波浪颜色控制
- 二级波浪颜色智能控制
- 新增修改字体颜色及大小
- 新增修改border颜色
1.0.1
- 新增控制显示进度文字
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | × | √ | √ | √ | √ | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | - | √ | √ | √ | √ |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
l-loading
进度组件
组件波浪为双层双色效果
其中只需要控制一层颜色,第二层颜色智能添加
组件默认单位为 ’rpx'
示例代码
复制代码<l-loading :current="50"></l-loading>
属性
属性名 | 含义 | 类型 | 是否必须 | 默认值 |
---|---|---|---|---|
current | 当前进度 | Number | 是 | 0 |
width | 控件大小 | String | '200' | |
progressColor | 波浪颜色 | String | '#55aaff' | |
borderColor | 边框颜色 | String | '#ccc' | |
showText | 显示文字 | Boolean | true | |
size | 文字大小 | String | '30' | |
color | 文字颜色 | String | '#000' |
注意 :为了更好的呈现效果 建议progressColor 属性不要使用简写,例如(#ccc 要写成#cccccc)
太好用了 而且很好看 顶起来!