更新记录

1.0.0（2025-07-18）

初始版本

平台兼容性

云端兼容性

uni-app x(4.25)

yzc-loading-x-view uniappx帧动画视图

示例代码

<template>
    <view class="page">
        <yzc-loading-x-view 
        class="loadingView" 
        :refreshStateRefreshingImagePaths="refreshStateRefreshingImagePaths" 
        :duration="duration"
        >
        </yzc-loading-x-view>
    </view>
</template>

<script>
    import yzcLoadingXView from '@/uni_modules/yzc-loading-x-view/components/yzc-loading-x-view/yzc-loading-x-view.uvue';
    export default {
        components: {
            yzcLoadingXView
        },
        data() {
            return {
                duration: 100, // 每帧间隔ms
                refreshStateRefreshingImagePaths: [
                    '/static/pullLoading/1.png',
                    '/static/pullLoading/2.png',
                    '/static/pullLoading/3.png',
                    '/static/pullLoading/4.png'
                ]
            }
        },
        methods: {

        }
    }
</script>

<style lang="scss">
.page {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .loadingView {
        width: 100px;
        height: 100px;
    }
}
</style>