更新记录
1.0.3(2022-09-05)
下载此版本
开摆
1.0.2(2022-09-05)
下载此版本
坏了,不会玩了
1.0.1(2022-08-22)
下载此版本
更新
查看更多
平台兼容性
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
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
eden-cell
说明
骨架屏单位,代替<text></text>
和<image/>
属性
属性 |
类型 |
默认值 |
是否必填 |
说明 |
type |
String |
'text' |
否 |
可选:文字'text',图片'image'/'img' |
width |
String |
'100%' |
否 |
宽:具体单位或百分比,推荐统一具体单位 |
height |
String |
'100%' |
否 |
高:具体单位或百分比,推荐统一具体单位 |
borderradius |
String |
'13px' |
否 |
圆角:具体单位,推荐统一具体单位 |
lineheight |
String |
'21px' |
否 |
行高:具体单位或百分比,推荐统一具体单位 |
src |
String |
null |
否 |
资源路径 |
content |
String |
null |
否 |
文本 |
ops |
Object |
null |
否 |
见说明 |
ops说明
- 部分属性可以合并在ops中,方便直接把css复制过来
- 优先使用单独的属性
- 示例值
let ops = {
'type': 'text',
'width': '100px',
'height': '100px',
'lineheight': '25px',
'borderradius': '5px'
};
例
-
图片
<eden-cell type="img" width="100rpx" height="200rpx" borderradius="21rpx" :src="oneimg"></eden-cell>
// ...
data() {
return {
oneimg: null
};
},
methods: {
onefunction(){
setTimeout(function(){
this.oneimg = '/static/logo.png';
},4321);
}
}
// ...
-
文字
<eden-cell type="text" width="70px" height="200px" lineheight="50px" borderradius="7px" :content="text"></eden-cell>
// ...
data() {
return {
text: null
};
},
methods: {
onefunction(){
setTimeout(function(){
this.text = '?';
},4321);
}
}
// ...