更新记录
1.0.3(2022-09-05) 下载此版本
开摆
1.0.2(2022-09-05) 下载此版本
坏了,不会玩了
1.0.1(2022-08-22) 下载此版本
更新
查看更多平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | × | √ | - | × | × | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | - | - | - | - | - | - | - |
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| × | × | √ |
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); } } // ...

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 16
赞赏 0
下载 11681206
赞赏 1817
赞赏
京公网安备:11010802035340号