更新记录

1.1.0（2024-12-13） 下载此版本

优化效果

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

初始化

平台兼容性

uni-app

其他

支持扫码体验-见右侧二维码

<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>