更新记录

1.0.0（2023-04-01） 下载此版本

全局loading

平台兼容性

<template>
    <view>
        <circle-loading :loadingColor="loadingColor" ref="circleLoading"></circle-loading>
        <view class="button" @click="handleShowLoading()">
            showLoading
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                loadingColor: '#67CF22', //loading颜色
            }
        },
        methods: {
            handleShowLoading() {
                // 显示loading
                this.$refs.circleLoading.showLoading()

                setTimeout(() => {
                    //  隐藏loading
                    this.$refs.circleLoading.hideLoading()
                }, 3000)
            },
        }
    }
</script>
<style>
    .button {
        margin-top: 200rpx;
        text-align: center;
        font-size: 32rpx;
        color: #333;
    }
</style>