更新记录

1.0.0（2020-03-24）

发布组件

平台兼容性

1. 制作原因

其实该插件和官方提供的uni.showLoading()从表现方法和使用方式来说几乎一致。本插件可以替换加载动画。替换方式是修改源文件中的动画GIF图片。

2. 参数

3. 使用方法

this.$refs.Loading.show() // 打开
this.$refs.Loading.hide() // 关闭

4. 示例代码

<template>
    <view class="content">
        <button type="primary" @tap="openLoading">打开加载动画</button>
        <mi-loading 
            ref="Loading"
            title="3s后关闭"
            hasMask="true"
        ></mi-loading>
    </view>
</template>

<script>
    import miLoading from '../../components/mi-loading/mi-loading.vue'
    export default {
        components: {miLoading},
        methods: {
            openLoading() {
                this.$refs.Loading.show()
                setTimeout(() => {
                    this.$refs.Loading.hide()
                }, 3000)
            }
        }
    }
</script>

5. 更换加载Gif图

gif图下载地址1

gif图下载地址2