更新记录

1.0.3(2022-09-05)

开摆

1.0.2(2022-09-05)

坏了,不会玩了

1.0.1(2022-08-22)

更新

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
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);
        }
    }
    // ...

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问