更新记录
1.0(2023-05-15)
下载此版本
1.0
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue app-nvue |
× |
√ |
√ |
√ |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
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>