更新记录

2.0.2(2021-01-14)

修复微信小程序上不显示加载文字的问题

2.0.1(2020-11-25)

  • 修正ios nvue动画曲线。
查看更多

说明

本组件通常用于页面数据需要异步加载时,为避免出现数据加载完毕之前页面上出现空数据的尴尬情况,显示loading层作为页面载入过渡。 使用时在想要使用的页面引入即可,它不会影响你页面中原有的布局。

用法示例

<template>
    <view>
        <ls-loading v-if="pageLoading"></ls-loading>
        <!-- 下面照常写你的页面布局 -->
    </view>
</template>
import lsLoading from '@/components/ls-loading/ls-loading.vue';
export default {
    components: {
        lsLoading
    },
    data() {
        return {
            pageLoading: true,
        }
    },
    onLoad() {
        // 这里模拟接口请求,接口请求成功后将pageLoading改为false
        setTimeout(() => {
            this.pageLoading = false;
        }, 1000);
    }
}

组件参数

属性名 类型 说明
nav Boolean 是否预留出标题栏的高度 (默认:false)
tab Boolean 是否预留出tabBar的高度 (默认:false)
embed Boolean 是否为嵌入模式 (默认:false)
text String 加载中的文字 (默认:正在加载)
fontSize String、Number 加载中文字大小 (默认:58, 单位rpx)

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问