更新记录
1.0.1(2024-06-26) 下载此版本
1.0.1
1.0.0(2024-06-19) 下载此版本
1.0.0
skeleton 骨架屏
@description 骨架屏一般用于页面在请求远程数据尚未完成时,页面用灰色块预显示本来的页面结构,给用户更好的体验。
@property {String} el-color 骨架块状元素的背景颜色(默认#e5e5e5)
@property {String} bg-color 骨架组件背景颜色(默认#ffffff)
@property {Boolean} animation 骨架块是否显示动画效果(默认false)
@property {String Number} border-radius shaoll-skeleton-fillet类名元素,对应的骨架块的圆角大小,单位rpx(默认10)
@property {Boolean} loading 是否显示骨架组件,请求完成后,将此值设置为false(默认true)
@example
平台兼容性
HbuilderX/cli最低兼容版本 |
---|
3.1.0 |
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
app-android | app-ios |
---|---|
? | ? |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
shaoll-skeleton
Props
参数 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
el-color | 骨架块状元素的背景颜色 | String | #e5e5e5 | - |
bg-color | 骨架组件背景颜色 | String | #ffffff | - |
animation | 骨架块是否显示动画效果 | Boolean | false | true |
border-radius | u-skeleton-fillet类名元素,对应的骨架块的圆角大小,单位rpx | String/Number | 10 | - |
loading | 是否显示骨架组件,请求完成后,将此值设置为false | Boolean | true | false |