更新记录
1.0(2023-05-15)
下载此版本
1.0
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
- |
- |
√ |
√ |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
√ |
- |
√ |
- |
- |
- |
- |
- |
- |
- |
i-skeleton
属性 |
名称 |
可选项 |
type |
对齐方式 |
column、row |
size |
外边距 |
string |
rows |
行数 |
string |
bgColor |
背景颜色 |
string |
height |
高度 |
string |
rowsW |
行宽 |
string 、array |
rowsH |
行高 |
string 、array |
icon |
是否显示左侧icon |
Boolean |
用法
<i-skeleton :rowsW="['80%', '60%', '180rpx']" :rowsH="['30rpx', '20rpx', '40rpx']" size="48rpx" height="180rpx" :rows="3"></i-skeleton>
<i-skeleton bgColor="#f3f4f5" :rowsW="['80rpx', '80rpx', '80rpx']" :icon="false" type="row" :rowsH="['80rpx', '80rpx', '80rpx']" size="48rpx" height="180rpx" :rows="3"></i-skeleton>