更新记录
1.0.0(2023-09-10)
下载此版本
1.0.0
- 新增进度波浪颜色控制
- 二级波浪颜色智能控制
- 新增修改字体颜色及大小
- 新增修改border颜色
1.0.1
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
app-harmony |
? |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
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)