更新记录

1.0.0（2023-05-20） 下载此版本

初始化

平台兼容性

<template>
    <view>
        <customer-skeleton :rowList="recommendSkeleton"></customer-skeleton>
        <customer-skeleton :rowList="categorySkeleton"></customer-skeleton>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                recommendSkeleton: [{
                    style: {
                        display: 'flex',
                        justifyContent: 'center',
                        marginTop: '20rpx',
                    },
                    colItems: [{
                        style: {
                            width: '120rpx',
                            height: '120rpx',
                            borderRadius: "50%",
                        }
                    }, {
                        style: {
                            width: '120rpx',
                            height: '120rpx',
                            borderRadius: "50%",
                            marginLeft: '20rpx',
                        }
                    }, {
                        style: {
                            width: '120rpx',
                            height: '120rpx',
                            borderRadius: "50%",
                            marginLeft: '20rpx',
                        }
                    }, {
                        style: {
                            width: '120rpx',
                            height: '120rpx',
                            borderRadius: "50%",
                            marginLeft: '20rpx',
                        }
                    }, {
                        style: {
                            width: '120rpx',
                            height: '120rpx',
                            borderRadius: "50%",
                            marginLeft: '20rpx',
                        }
                    }]
                }],
                categorySkeleton: [{
                    style: {
                        display: 'flex',
                        justifyContent: 'center',
                        marginTop: '20rpx',
                    },
                    colItems: [{
                        style: {
                            width: '336rpx',
                            height: '168rpx',
                        }
                    }, {
                        style: {
                            width: '336rpx',
                            height: '168rpx',
                            marginLeft: '20rpx',
                        }
                    }]
                }, {
                    style: {
                        display: 'flex',
                        justifyContent: 'center',
                        marginTop: '20rpx',
                    },
                    colItems: [{
                        style: {
                            width: '336rpx',
                            height: '168rpx',
                        }
                    }, {
                        style: {
                            width: '336rpx',
                            height: '168rpx',
                            marginLeft: '20rpx',
                        }
                    }]
                }, {
                    style: {
                        display: 'flex',
                        justifyContent: 'center',
                        marginTop: '20rpx',
                    },
                    colItems: [{
                        style: {
                            width: '336rpx',
                            height: '168rpx',
                        }
                    }, {
                        style: {
                            width: '336rpx',
                            height: '168rpx',
                            marginLeft: '20rpx',
                        }
                    }]
                }]
            };
        }
    }
</script>

使用：rowList 下可声明 colItems，colItems 下可声明 childRowItem